Electron-创建你的应用程序

Electron 应用程序遵循与其他 Node.js 项目相同的结构。 首先创建一个文件夹并初始化 npm 包。

mkdir my-electron-app && cd my-electron-app
npm init

复制

init初始化命令会提示您在项目初始化配置中设置一些值 为本教程的目的，有几条规则需要遵循：

• entry point 应为 main.js.
• author 与 description 可为任意值，但对于应用打包 (opens new window)是必填项。

你的 package.json 文件应该像这样：

{
  "name": "my-electron-app",
  "version": "1.0.0",
  "description": "Hello World!",
  "main": "main.js",
  "author": "Jane Doe",
  "license": "MIT"
}

复制

然后，将 electron 包安装到应用的开发依赖中。

$ npm install --save-dev electron

复制

注意：如果您在安装 Electron 时遇到任何问题，请 参见 高级安装 (opens new window) 指南。

最后，您希望能够执行 Electron 如下所示，在您的 package.json (opens new window)配置文件中的scripts字段下增加一条start命令：

{
  "scripts": {
    "start": "electron ."
  }
}

复制

start命令能让您在开发模式下打开您的应用

npm start

复制

注意：此脚本将告诉 Electron 在您项目根目录运行 此时，您的应用将立即抛出一个错误提示您它无法找到要运行的应用

运行主进程

任何 Electron 应用程序的入口都是 main 文件。 这个文件控制了主进程，它运行在一个完整的Node.js环境中，负责控制您应用的生命周期，显示原生界面，执行特殊操作并管理渲染器进程(稍后详细介绍)。

执行期间，Electron 将依据应用中 package.json配置下main (opens new window)字段中配置的值查找此文件，您应该已在应用脚手架 (opens new window)步骤中配置。

要初始化这个main文件，需要在您项目的根目录下创建一个名为main.js的空文件。

注意：如果您此时再次运行start命令，您的应用将不再抛出任何错误！ 然而，它不会做任何事因为我们还没有在main.js中添加任何代码。