之所以記錄這篇文章,是因爲ubuntu 19上使用npm,cnpm都有問題。
我使用的node 10.15.2, npm 5.8.0, 已經不配套了。
用yarn 替代npm是目前我試過可以完美安裝electron 的方案,具體操作如下:
git clone https://github.com/electron/electron-quick-start
cd electron-quick-start/
yarn global add electron
yarn install
yarn global add electron-packager
修改package.json
"scripts": {
os系統:"packageDarwin": "electron-packager . 'Hosts' --platform=darwin --arch=x64 --icon=hosts.icns --out=./dist --asar --app-version=2.0.1 --ignore=\"(dist|src|docs|.gitignore|LICENSE|README.md|webpack.config*|node_modules)\"",
os系統:"packageDarwin": "electron-packager . 'Hosts' --platform=darwin --arch=x64 --icon=hosts.icns --out=./dist --asar --app-version=2.0.1",
windows系統:"packageWin": "electron-packager . 'Hosts' --platform=win32 --arch=x64 --icon=hosts.ico --out=./dist --asar --app-version=2.0.1 --ignore=\"(dist|src|docs|.gitignore|LICENSE|README.md|webpack.config.js|node_modules)\"",
windows系統:"packageWin": "electron-packager . 'Hosts' --platform=win32 --arch=x64 --icon=hosts.ico --out=./dist --asar --app-version=2.0.1",
linux系統:"packageLinux": "electron-packager . 'Hosts' --platform=linux --arch=x64 --out=./dist --asar --app-version=2.0.1 --ignore=\"(dist|src|docs|.gitignore|LICENSE|README.md|webpack.config.js|node_modules)\""
linux系統:"packageLinux": "electron-packager . 'Hosts' --platform=linux --arch=x64 --out=./dist --asar --app-version=2.0.1"
}
最後,執行 yarn run
你會看到如下選項:
isen@isen-MacBookPro:~/test/electron-quick-start$ yarn run
yarn run v1.22.4
info Commands available from binary scripts: asar, electron, electron-osx-flat, electron-osx-sign, electron-packager, extract-zip, mkdirp, rimraf, semver
info Project commands
- packager
electron-packager . 'Hosts' --platform=linux --arch=x64 --out=./dist --asar --app-version=2.0.1
- start
electron .
question Which command would you like to run?:
這裏面的 選項packager 就是打包應用
而 start 選項就是 執行當前的electron 程序。
現在整個環境就搭建完成了。