h5网页“源码”打包电脑exe程序

感谢这两篇文章的指导：

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"


}

给大家演示一下，打包成功是什么样的