首先全局安装Electron
npm install electron -g
刚接触一个新东西,难免一头雾水,如果多看一点相关的文章势必会有一个方向感,去更好的上手新东西。上手electron,官方提供了一个非常好的快速上手实例。
git clone https://github.com/electron/electron-quick-start
cd electron-quick-start
npm install
npm start
这个仓库给我们初始化了一个electron项目,结构非常纯净,克隆下来你就可以直接改造成自己的项目。
将自己的项目打包dist 然后将dist放入拉下来的项目里面
更改文件入口配置
配置打包命令
"scripts": { "start": "electron .", "pack": "electron-packager . myClient --win --out ../myClient --arch=x64 --app-version=0.0.1 --electron-version=2.0.0" }
命令结构如下(根据实际情况修改):
“.”:需要打包的应用目录(即当前目录),
“myClient”:应用名称,
“--win”:打包平台(以Windows为例),
“--out ../myClient”:输出目录,
“--arch=64”:64位,
“--app-version=0.0.1”:应用版本,
“--electron-version=2.0.0”:electron版本
执行打包命令:
npm run pack
打包完成后,找到输出目录,打开打包完成后的文件夹
陆续加入 配置中文界面,开机自动启动...未完待续。。