1. 前言
第一部分是安装教程,第二部分是问题解决,希望解决报错的可以直接跳转到第二部分
2.安装教程
version:8.0.0
官方安装教程:electron安装教程
1. 搭建开发环境:
-
下载node.js
-
安装node.js,一路下一步就可以
-
检查是否安装成功:
node -v
npm -v
(出现版本号即为安装成功)
-
初次初始化:
npm init
会生成一个
package.json
文件 -
打开
package.json
文件在
"scripts": {}
中添加"start": "electron ."
注意在上一行后面加逗号
2. 安装electron
npm install --save-dev electron
如果没安装成功的话或者卡node install.js
,就在npmrc
中添加
ELECTRON_MIRROR="https://cdn.npm.taobao.org/dist/electron/"
npm install --save-dev electron
(Windows:)node.js安装目录/nodejs/node_modules/npm
(linux:)~/.npmrc
3. 错误解决
报错:throw new Error(‘Electron failed to install correctly,please delete node_modules/electron and try installing again’)并且卡在node install.js
官方安装教程:electron中国源地址(与下文相同)
在npmrc
中添加(这个和以前的electron的taobao中国地址不同,后面介绍有什么不同)
ELECTRON_MIRROR="https://cdn.npm.taobao.org/dist/electron/"
npm install --save-dev electron
Windows:node.js安装目录/nodejs/node_modules/npm
linux:~/.npmrc
4.解决过程
一开始遇到卡node install.js
,然后上网找解决办法,于是就找到了如我上面说到的方法,然而我在网上找了一圈查到的网址是这样的:
就如上图方法,我安装了electron以后,写好index.html index.js
,执行npm start
然后就报错throw new Error(‘Electron failed to install correctly,please delete node_modules/electron and try installing again’)
,然后就去Google上找各种解决办法,折腾了半天最后在electron的官方Docs里面找到了官方的中国CDN节点,最后才下载到完整的文件。下面是两个网址下载文件的对比图:
第一个网址下载到的文件:
第二个网址下载到的文件:
https://cdn.npm.taobao.org/dist/electron/
这是第二次官网找到的网址下载到的文件(上图),对比一下,第一张图少了很多东西,但是6.0.0的版本却没有什么问题,不知道是同步的时候出了问题还是官方不提供支持了。。
5.总结
多看看官方文档。。。