1. 安装node(已经有node可以直接跳过)

2. 安装Electron环境

• 全局安装npm install -g electron 或者 cnpm install -g electron
• 成功后使用electron -v查看electron版本
• 如有问题可以点击这里

3. electron-forge创建项目

• 一

1、如果你电脑上面安装了最新版本的 nodejs 可以使用 npx 创建项目，如果你电脑上面安装了 yarn 也可以使用 yarn 创建项目
npx create-electron-app my-new-app
或者
yarn create electron-app my-new-app

2、运行项目
cd my-new-app
npm start

• 二

1、也可以使用下面方法创建项目（老方法）
// 先全局安装electron-forge/cli 安装之后以后创建项目不用在安装
npm install-g @electron-forge/cli

// 创建项目
electron-forge init my-new-app
cd my-new-app
npm start

4. 项目热加载

每次修改文件之后都要手动重新启动一下项目，非常的麻烦，我们借助nodemon模块来帮助我们，当我们保存代码时，项目自动重新加载启动

• 安装nodemon 全局安装npm install -g nodemon
  安装到当前项目npm install --save-dev nodemon

• 项目中配置nodemon package.json
scripts中添加"dev"监听src目录的变化

{
    "scripts": {
    "dev":"nodemon --watch src --exec \"electron-forge start\"",
    "start": "electron-forge start",
    "package": "electron-forge package",
    "make": "electron-forge make",
    "publish": "electron-forge publish",
    "lint": "echo \"No linting configured\""
  },
}

但是nodemon默认只监听js的变化，所以还要配置一下，监听css，html的变化

"dev":"nodemon -e js,css,html --watch src --exec \"electron-forge start\"",

配置完成之后，使用npm run dev重新运行项目即可