Electron 入门_创建的桌面可执行程序

目的：Electron 入门_创建的桌面可执行程序

环境：Windows 10

步骤：

1. 下载官方demo及安装环境。

git clone https://github.com/electron/electron-quick-start，或者直接浏览器下载该链接。

2. CMD打开控制台，进入到下载的electron-quick-start-master文件夹目录。

运行cmd： npm install && npm start

运行cmd: npm start

效果如下图

3.electron结构

--index.html            //html

--main.js                //窗口配置(高度，宽度，入口页面等)。

--package.json    //项目名称，版本信息等。

4. 打包成windows可执行exe。

1. 安装打包主要使用的electron-packager, electron-prebuilt.

  执行cmd: npm install electron-prebuilt -g

  执行cmd: npm install electron-packager -g

2. 打包（需要准备一张ico图标文件，示例放在./images/test.ico）

执行cmd: electron-packager ./ --platform=win32 --arch=x64 --version=0.37.2 --icon=./images/test.ico

执行完，在当前目录会生成一个如下图所示的文件夹electron-quick-start-win32-x64

，点击里面的exe就可以执行了。

5. 注意事项。

1. electron主要是提供给web前端工程师用html，css, javascript等来开发pc应用。不过生成的应用大小有些大。

2. linux及macOS请直接参考electron-packager指令打包。

linux: 执行cmd: electron-packager ./ --platform=linux --arch=x64 --version=0.37.2 --icon=./images/test.ico

macOS: 执行cmd: electron-packager ./ --platform=mas --arch=x64 --version=0.37.2 --icon=./images/test.ico

效果如下图：