如何快速创建基于Electron的windows应用

1、首先电脑需要有node环境。

去nodejs的官网 https://nodejs.org/en/ 下载，一直下一步就行
检验安装是否成功，cmd命令输入如下命令，出现nodejs的版本号，说明安装成功

2、这时已经能使用npm了，如果觉得国外的源速度慢，可以配置一个国内的镜像。

安装淘宝镜像的包命令行管理工具cnpm

npm install cnpm -g --registry=http://registry.npm.taobao.org

这步巨慢，耐心。

3、全局安装electron

cnpm install electron -g

4、到electron的github上下载快速实例文件

https://github.com/electron/electron-quick-start

解压后使用cmd进入electron-quick-start目录，运行如下两个命令

# 安装依赖
npm install

5、在electron-quick-start文件夹里对项目进行简单配置

在package.json里配置应用的名称和介绍，其他可以不管。

在main.js里配置运行窗口的大小和首页文件的相对路径，提前把html内容拷贝到electron-quick-start文件夹里。

为了使显示内容刚好容纳在窗口中，可以设置固定的缩放比例，使用如下语句：

mainWindow.webContents.on("did-finish-load", (event, args) => {
        mainWindow.webContents.setZoomFactor(0.8);
      })

如果加了这段语句导致生成的exe在运行时报错，可以尝试重新安装electron。

6、安装打包软件

cnpm install electron-packager -g

7、在electron-quick-start文件夹里运行打包命令

electron-packager .

打包完后会生成一个文件夹，里面有可执行的exe文件。

8、在刚才生成文件夹的路径resources\app里有未加密的源html文件，非常不安全，使用asar对其进行加密。

首先安装asar。

npm install asar -g

然后在resources目录下运行如下命令

asar pack ./app app.asar

会生成一个app.asar文件，app文件夹可以删掉，这样就实现了简单加密，但是asar是可以被解密的，所以如果想要提高安全性，可以考虑用webpack在前端就做好加密。