electron环境安装
(一)、安装Nodejs、cnpm和git:
1、node.js下载和安装
下载文件为:node-v20.10.0-x64.msi
Latest LTS Version: 20.10.0 (includes npm 10.2.3)
安装到 d:\nodejs\ 目录下
如果打勾自动安装附加工具,还会自动安装python和vs build tools
cmd下查看安装情况命令:
node -v
bash
node -v
bash
C:\Users\hsg>node -v
v20.10.0
C:\Users\hsg>npm -v
10.2.3
2、cnpm安装命令行模式
npm install -g cnpm -registry=https://registry.npm.taobao.org
bash
npm install -g cnpm -registry=https://registry.npm.taobao.org
cmd下查看安装情况命令:
bash
cnpm -v
bash
D:\nodejs>cnpm -v
cnpm@9.3.2 (C:\Users\hsg\AppData\Roaming\npm\node_modules\cnpm\lib\parse_argv.js)
npm@9.9.2 (C:\Users\hsg\AppData\Roaming\npm\node_modules\cnpm\node_modules\npm\index.js)
node@20.10.0 (D:\nodejs\node.exe)
npminstall@7.11.1 (C:\Users\hsg\AppData\Roaming\npm\node_modules\cnpm\node_modules\npminstall\lib\index.js)
prefix=C:\Users\hsg\AppData\Roaming\npm
win32 x64 10.0.19045
registry=https://registry.npmmirror.com
3、git安装
下载地址:
https://gitforwindows.org/
https://github.com/git-for-windows/git/releases/download/v2.43.0.windows.1/Git-2.43.0-64-bit.exe
以及下载安装TortoiseGit-2.13.0.1-64bit.msi
(二). 安装electron环境
cnpm install -g electron //电脑首先安装cnpm
或者
npm install -g electron //全局安装(有点慢)
bash
cnpm install -g electron
cmd查看安装版本:安装完后
bash
electron -v
bash
`D:\nodejs>electron -v
v28.0.0 //electron的当前版本`。
bash
附加出错修复命令:
以管理员身份打开Windows PowerShell
1)、输入 命令:set-ExecutionPolicy RemoteSigned ,回车;
2)、Set-ExecutionPolicy -Scope CurrentUser 回车
位于命令管道位置 1 的 cmdlet Set-ExecutionPolicy
请为以下参数提供值:
ExecutionPolicy: 1
(三)、vscode运行环境下载安装包
#==========================================
#start cli cammand
cnpm install --save-dev electron @electron-forge/cli
或者
npm install --save-dev electron @electron-forge/cli
或全局安装
bash
cnpm install -g electron @electron-forge/cli
#build cli electron-builder
打exe安装包我们使用electron-builder工具包,安装命令如下。
cnpm install --save-dev electron-builder
或者
npm install --save-dev electron-builder
或全局安装
bash
cnpm install -g electron-builder
开发运行调试
bash
npm run start
开始打包生成exe文件
bash
npm run build
#==========================================
注意,json文件不能带注释,复制上面的文本后记得注释去掉。
修改package.json,添加一条scripts命令和build配置。
bash
"scripts": {
"start": "electron-forge start",
"build": "electron-builder --win" // 打包命令
},
"devDependencies": {
"@electron-forge/cli": "^6.2.1",
"electron": "^25.4.0",
"electron-builder": "^24.6.3"
},
"dependencies": {
"cesium": "^1.112.0",
"@electron-forge/cli": "^6.2.1"
},
// `electron-builder`配置
"build": {
"productName": "我的应用", // 安装应用后桌面名称
"directories": {
"output": "out" // 输出的文件目录
},
"win": {
"icon": "./ico/logo.ico", // 安装的图标
"target": [
{
"target": "nsis",
"arch": [
"x64",
"ia32"
]
}
]
},
"nsis": {
"oneClick": false,
"allowElevation": true,
"allowToChangeInstallationDirectory": true,
"installerIcon": "./ico/logo.ico",
"uninstallerIcon": "./ico/logo.ico",
"installerHeaderIcon": "./ico/logo.ico",
"createDesktopShortcut": true,
"createStartMenuShortcut": true,
"shortcutName": "我的应用"
}
}
#==========================================
#如果报错,可以采用node_modules目录删除,重新下载依赖包
bash
cnpm install
#cesium安装cmd命令: //OK
bash
cnpm install cesium --save
本blog地址:https://blog.csdn.net/hsg77