1. node.js安装(包含npm)
下载:https://nodejs.org/en/download/
2. 淘宝镜像安装(解决npm安装模块的问题)
npm install -g cnpm --registry=https://registry.npm.taobao.org
以后可以用cnpm代替npm使用
3. electron安装
安装:https://electronjs.org/docs/tutorial/installation
全局安装:npm install electron -g
4. electron快速入门
https://electronjs.org/docs/tutorial/quick-start
5. electron打包工具安装
cnpm install --save-dev electron-packager
b. cnpm run-script packager 运行该命令打包
b. 打包windows平台
electron-packager . HelloWorld --win --out ../HelloWorldApp --arch=x64 --version=0.0.1 --electron-version=1.7.10
说明:
. 打包项目路径
HelloWorld 打包的包名称
--all 打包所有平台 --win windows平台 --arch x64位
--out ./OutApp 打包好后包的输出路径
--version 打包版本
--electron-version=1.7.10 打包所用electron版本
下载:https://nodejs.org/en/download/
2. 淘宝镜像安装(解决npm安装模块的问题)
npm install -g cnpm --registry=https://registry.npm.taobao.org
以后可以用cnpm代替npm使用
3. electron安装
安装:https://electronjs.org/docs/tutorial/installation
全局安装:npm install electron -g
4. electron快速入门
https://electronjs.org/docs/tutorial/quick-start
5. electron打包工具安装
cnpm install --save-dev electron-packager
6. electron打包
第一种命令打包:
electron-packager <应用目录> <应用名称> <打包平台> --out <输出目录> <架构> <应用版本>
electron-packager . HelloWorld --win --out ../HelloWorldApp --arch=x64 --version=0.0.1 --electron-version=1.7.10
第二种:
a. package.json里头scripts增加如下
"packager": "electron-packager . HelloWorld --all --out ./OutApp --version 1.4.0 --overwrite --icon=./app/img/icon/icon.ico"
{
"name": "electron_demo",
"main": "main.js",
"scripts":{
"packager": "electron-packager . HelloWorld --all --out ./HelloWorldApp --version 1.0 --electron-version=1.7.10"
}
}
b. cnpm run-script packager 运行该命令打包
a. 打包所有平台(windows,linux),
b. 打包windows平台
electron-packager . HelloWorld --win --out ../HelloWorldApp --arch=x64 --version=0.0.1 --electron-version=1.7.10
说明:
. 打包项目路径
HelloWorld 打包的包名称
--all 打包所有平台 --win windows平台 --arch x64位
--out ./OutApp 打包好后包的输出路径
--version 打包版本
--electron-version=1.7.10 打包所用electron版本