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版的桌面客戶端就出來了。