Windows Electron 安装与demo运行

环境

win 10
node v16.14.0

官网

electron

步骤

1. 下载
   git clone https://github.com/electron/electron-quick-start
   这步如果网络没有问题，都能成功

2. 进入目录
   cd electron-quick-start

3. 快速初始化 package.json 文件
   npm init

4. 安装 electron
npm install electron --save-dev
   这步会出异常：
   

   image.png
   
   解决方法：
   解决安装electron卡在node install.js 不动问题 - 简书 (jianshu.com)
   我的方法是：打开 C:\Users\Administrator\.npmrc 文件，添加：electron_mirror="https://npm.taobao.org/mirrors/electron/"
   如图：
   
   image.png
   
   保存，再次执行npm install electron --save-dev
   
   image.png
   
   成功！

5. 设置代理
   npm --registry=https://registry.npm.taobao.org install

6. 运行
   npm start

运行成功

image.png

参考

使用electron的demo时遇到的错误_mb5fed716b639b4的技术博客_51CTO博客
解决安装electron卡在node install.js 不动问题 - 简书 (jianshu.com)
electron/electron: Build cross-platform desktop apps with JavaScript, HTML, and CSS (github.com)
2021-09-16 npm install @vue/cli 卡在了 reify:rxjs: timing reifyNode: node_modules/@vue/cli/node_modules_迟糖糖的博客-CSDN博客