简单的Electron环境配置

简单的Electron环境配置

1. 新建目录,打开命令行执行 npm init -y
2. 复制如下到 package.json 中,注意字段覆盖

      "scripts": {
        "test": "echo \"Error: no test specified\" && exit 1",
        "start": "electron .",
        "watch": "watchify app/appEntry.js -t babelify -o public/js/bundle.js --debug --verbose",
        "package": "electron-packager ./ DemoApps --overwrite --app-version=1.0.0 --platform=win32 --arch=all --out=../DemoApps --version=1.2.1 --icon=./public/img/app-icon.icns"
      },
      "devDependencies": {
        "babel": "^6.5.2",
        "babel-plugin-transform-es2015-spread": "^6.8.0",
        "babel-plugin-transform-object-rest-spread": "^6.8.0",
        "babel-preset-es2015": "^6.9.0",
        "babel-preset-react": "^6.5.0",
        "babelify": "^7.3.0",
        "browserify": "^13.0.1",
        "electron-packager": "^7.0.3",
        "electron-reload": "^1.0.0",
        "watchify": "^3.7.0"
      },
      "dependencies": {
        "electron-prebuilt": "^1.4.13",
        "react": "^15.1.0",
        "react-color": "2.1.0",
        "react-dom": "^15.1.0"
      },

3. 执行 npm i electron-prebuilt -g 全局安装预编译依赖
   如果下载很慢需要翻墙,或者去 https://npm.taobao.org/mirrors/electron 手动下载安装包

4. 执行 npm i 安装依赖(时间稍长,设置 淘宝源 加快下载速度)

5. 执行 npm run watch

6. 上一步成功后,再开启一个 cmd 窗口执行 npm run start

7. 看到自动弹出桌面,搭建成功