Skip to content

基本安装

安装

  1. 克隆示例项目的仓库

    shell
    git clone https://github.com/electron/electron-quick-start
  2. 进入仓库 && 安装依赖包

    shell
    cd electron-quick-start
    npm install
  3. 安装 nodemon 监听文件变化,自动重启程序

    shell
    npm install nodemon --save-dev

    修改 package.jsonscripts

    json
    "start": "nodemon --watch main.js --exec \"electron .\""
  4. 启动项目

    shell
    npm start

导出项目

  1. 引入 electron-builder

    shell
    npm insatll electron-builder --save-dev
  2. 修改 package.json

    • scripts 下加入 build

      json
      "build": {
          "appId": "githubBlogController", // id
          "productName": "git博客管理", // 打包后的名字
          "copyright": "Copyright © year ${author}" // 一般不用改
      }
    • 补充完整 package.json 的信息

      json
      "name": "electron-quick-start",
      "version": "1.0.0",
      "description": "kingmusi's github pages controller",
      "main": "main.js",
      "author": {
      	"name": "kingmusi",
      	"email": "543657931@qq.com"
      },
      "repository": "https://github.com/electron/electron-quick-start",
      "private": true,
    • scripts 中添加

      json
      "pack": "electron-builder --dir", // 应用程序
      "dist": "electron-builder" // 安装包
  3. 打包

    shell
    npm run pack