之所以记录这篇文章,是因为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 程序。
现在整个环境就搭建完成了。