目的: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
效果如下图: