Electronvolt 开源项目教程

Electronvolt 开源项目教程

1. 项目的目录结构及介绍

electronvolt/
├── src/
│   ├── main/
│   │   ├── main.cpp
│   │   └── utils.cpp
│   └── renderer/
│       ├── index.html
│       └── renderer.js
├── assets/
│   ├── logo.png
│   └── icons/
├── config/
│   ├── default.json
│   └── production.json
├── package.json
├── README.md
└── .gitignore

• src/: 源代码目录，包含主进程和渲染进程的代码。
  • main/: 主进程代码，包括 main.cpp 和 utils.cpp。
  • renderer/: 渲染进程代码，包括 index.html 和 renderer.js。
• assets/: 资源文件目录，包括项目使用的图片和图标。
• config/: 配置文件目录，包括默认配置和生产环境配置。
• package.json: 项目的 npm 配置文件。
• README.md: 项目说明文档。
• .gitignore: Git 忽略文件配置。

2. 项目的启动文件介绍

项目的启动文件位于 src/main/main.cpp。该文件负责初始化 Electron 应用，创建主窗口，并加载渲染进程的 HTML 文件。

#include <iostream>
#include "electron/app.h"
#include "electron/browser/api/browser_window.h"

int main(int argc, char* argv[]) {
    // 初始化应用
    electron::App::Initialize(argc, argv);

    // 创建主窗口
    auto mainWindow = electron::BrowserWindow::Create({
        {"width", 800},
        {"height", 600},
        {"webPreferences", {{"preload", "src/renderer/preload.js"}}}
    });

    // 加载渲染进程的 HTML 文件
    mainWindow->LoadURL("file://" + electron::App::GetCurrentWorkingDirectory() + "/src/renderer/index.html");

    // 运行应用
    electron::App::Run();

    return 0;
}

3. 项目的配置文件介绍

项目的配置文件位于 config/ 目录下，包括 default.json 和 production.json。

• default.json: 默认配置文件，包含开发环境和生产环境通用的配置。

{
    "appName": "Electronvolt",
    "version": "1.0.0",
    "apiUrl": "http://localhost:3000"
}

• production.json: 生产环境配置文件，覆盖默认配置中的某些选项。

{
    "apiUrl": "https://api.electronvolt.com"
}

配置文件通过 Node.js 的 config 模块加载，可以根据环境变量选择不同的配置文件。

const config = require('config');

const appName = config.get('appName');
const version = config.get('version');
const apiUrl = config.get('apiUrl');

console.log(`App Name: ${appName}`);
console.log(`Version: ${version}`);
console.log(`API URL: ${apiUrl}`);

以上是 Electronvolt 开源项目的教程，涵盖了项目的目录结构、启动文件和配置文件的介绍。希望这些内容能帮助你更好地理解和使用该项目。