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