1. 程式人生 > >electron開發桌面端

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