electron开发桌面端

1. ​安装electron 

  　　第一步：安装node ,node下自带npm;

  　　第二步：npm install -g electron (如果不行就使用sudo,或cnpm、淘宝镜像下载）检测 electron -v;

  　　第三步：npm install -g electron-prebuilt（打包平台用）

 

        2.安装nrm  管理安装npm

  　　 npm i -g nrm,

  　　 然后再把安装源切换到taobao

         nrm use tao

  　　 最后就可以执行安装

  　　 npm i electron-prebuilt

 

　　3.构建项目

  　　第一：克隆项目到本地

        git clone https://github.com/electron/electron-quick-start

  　　第二：进入项目根目录

        cd electron-quick-start

 　　 第三：安装依赖并运行

       npm install && npm start

 

  问题：npm install卡住就首先执行rm -rf node_modules，将node_modules文件夹删除；

       再执行npm install -verbose，在安装依赖过程中显示的信息将更为详细；

 

　　4.打包

 　　第一：npm install --save-dev electron-packager 安装packager;

 　　第二：配置package.json中的script的build命令：

    　　 mac:"build": "electron-packager .  hello_electron --platform=darwin --arch=x64 --ignore=node_modules/electron-*",

     　　Win：build:electron-packager ./ demo --platform=win32 --arch=x64 --version=0.37.6

 

            备选：platform--------all, or one or more of: darwin, linux, mas, win32 (comma-delimited if multiple)

                  arch------------all, ia32, x64

     　　参数说明：

　　　　electron-packager <location of project> <name of project> <platform> <architecture> <electron version> <optional options>

 　　　　location of project：应用目录;

　　　　name of project：应用名称;

　　　　platform：要打包的平台;

　　　　architecture：x86 or x64架构;

　　　　electron version：electron 版本(不是应用版本);

　　　　optional options：其它选项;

   　第三：执行npm run build:mac 打包

这样一个mac版的桌面客户端就出来了。