感谢这两篇文章的指导:
https://www.cnblogs.com/yuNotes/p/12884930.html
https://www.cnblogs.com/yuNotes/p/12956755.html
1,先下载node.js
下载地址:https://nodejs.org/dist/v8.11.3/node-v8.11.3-x64.msi
2,先安装election
npm install electron --save-dev //卡死换用淘宝镜像方法
npm install -g cnpm --registry=https://registry.npm.taobao.org //先运行cnpm install electron --save-dev //没卡死,但检测没安装成功想了想,是因为不是全局安装的问题吧,于是全局安装
cnpm install electron --g //检测安装成功检测方法,运行electron -v测试electron是否安装成功
3,运行electron网上实例
用git下载打包实例(没有的可以安装一下,这个就不用说怎么安装了)
git clone https://github.com/electron/electron-quick-sta下载好的示例,点进去
cnpm install //加载依赖npm start //执行运行
运行自己的项目,将main.js中的这部分代码改成自己的html
npm start 运行就可以了
4,下载electron-packager
这都是铺垫,现在就打包
npm install electron-packager --save-dev然后打包,可以在 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"}给大家演示一下,打包成功是什么样的