electron + react 的脚手架项目。
安装Python 3.x版本,请使用最新稳定版本。
安装visual studio build tool或 visual studio Community,安装时选择c++桌面开发项。本示例使用VS Community 2022。
nodejs原生编译工具node-gyp 8.4.x以上版本才支持vs 2022,请确保npm环境下的node-gyp为最新版本。
node -v
v18.16.0
npm -v
v9.5.1
npx node-gyp -v
v9.3.1
# 设置npm镜像
npm config set registry https://registry.npmmirror.com/
# 设置环境变量 ELECTRON_MIRROR=https://registry.npmmirror.com/
需要管理员权限,可能需要关闭360等杀毒软件。
# 克隆项目到本地
git clone https://github.com/fddi/electron-react-quick-start
# 转到项目目录
cd electron-react-quick-start
# 设置vs 版本
npm config set msvs_version 2022
# 安装
npm install
# 运行
npm run start
# 打包(win64位)
npm run build & npm run make
本项目使用electron-forge工具打包,打包配置请修改forge.config.js文件。 查看packagerConfig配置API
gyp ERR! stack Error: Could not find any Visual Studio installation to use
情况一:VS2022 需要node-gyp8.4.0以上版本才能支持,由于npm自带版本过低导致 需要升级nodejs,或升级npm:
设置vs 版本
npm config set msvs_version 2022
npm -g install npm
# 安装最新npm后,查看版本
npm -v
8.5.0
npm install -g node-gyp
npx node-gyp -v
v8.4.1
情况二:删除淘宝镜像地址配置
npm config list
npm config delete electron_mirror
情况三:使用PowerShell
Electron failed to install correctly, please delete node_modules/electron and try installing again
node_modules/electron文件夹没有dist文件夹。淘宝镜像下载对应包,解压至node_modules/electron/dist内。node_modules/electron新建path.txt,输入以下内容保存
electron.exe
下载nsis-3.0.4.2.7z超时
网络原因,淘宝镜像下载对应包,解压至C:\Users\{User}\AppData\Local\electron-builder\Cache\nsis\nsis-3.0.4.2。
下载winCodeSign超时
网络原因,淘宝镜像下载对应winCodeSign包,解压至C:\Users\{User}\AppData\Local\electron-builder\Cache\winCodeSign\winCodeSign-2.6.0。
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。
1. 开源生态
2. 协作、人、软件
3. 评估模型