记一次坑爹的electron安装过程（windows下）

小鱼儿 2023-01-08 09:29 300阅读 0赞

昨天的electron安装气死爸爸了，写个随笔发泄一下。

先明确自己的目地：在本机上跑一个electron-quick-start项目。

## step1.下载项目到本地 ##

新建一个目录，在目录下用git下载electron-quick-start项目文件。

git clone http://www.github.com/electron/electron-quick-start

你要是这步下载不下来，说明你人品差

## step2.安装electron ##

### 方法1：全局安装 ###

npm install electron -g

这步说明你安装electron到你的全局环境中。可是大部分人会卡在这里。

![1831246-20200204124654181-1759879084.png][]

是因为electron install时候对应平台的可执行文件没有下载成功，错误提示如下：

(node:1236) UnhandledPromiseRejectionWarning: Error: EPERM: operation not permitted, lstat 'C:\Users\ADMINI~1\AppData\Local\Temp\electron-download-2cy5xa\electron-v8.0.0-win32-x64.zip'
    (node:1236) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 1)
    (node:1236) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.
    + electron@8.0.0
    removed 3 packages and updated 1 package in 9.517s

官方解决的方法是  
![1831246-20200204131123948-248146144.png][]

也就是在~/npmrc文件中加入一段：

ELECTRON_MIRROR="https://cdn.npm.taobao.org/dist/electron/"

或者是直接在cmd中输入：

npm config set ELECTRON_MIRROR=https://cdn.npm.taobao.org/dist/electron/

再执行

npm install electron -g

如果提示  
![1831246-20200204131608153-1940425561.png][]  
表明安装成功

下面测试一下electron是否安装成功。cmd中直接输入electron,electron运行起来表明安装成功。  
![1831246-20200204132009410-1247311095.png][]

前面的安装可以在任意目录下完成，如果是要运行electron-quick-start项目，需要你cd到该目录下，执行npm start命令。  
![1831246-20200204132321066-1643371256.png][]  
弹出electron-quikc-start项目，表示运行成功  
![1831246-20200204132414064-1269291413.png][]

### 方法2：在项目中安装 ###

前一个办法是用全局中的electron运行项目。如果你想把electron下载到项目文件夹中，并用项目文件夹中的electron运行quick-start项目，可以cd到项目中，执行：

npm install

然后再

npm start

![1831246-20200204134928135-135836117.png][]  
这个时候的electron版本就是项目指定的版本了。

## 注意： ##

### 改变mirror变量后你如果还是遇到这个问题： ###

![1831246-20200204125808645-1441466726.png][]

可以通过cnpm 的方式安装。

###  ###

[1831246-20200204124654181-1759879084.png]: /images/20221119/61ca8b59d63b4eddaa342392f91c124f.png
[1831246-20200204131123948-248146144.png]: /images/20221119/fb38f08fe19e488285df3b990256530c.png
[1831246-20200204131608153-1940425561.png]: /images/20221119/28cfac39821843ffac9c77db8a3b06e6.png
[1831246-20200204132009410-1247311095.png]: /images/20221119/15710c6ba3804c84bd9ccad907b25eeb.png
[1831246-20200204132321066-1643371256.png]: /images/20221119/57bbca33ea9c4ef6847b193621a584ff.png
[1831246-20200204132414064-1269291413.png]: /images/20221119/1479f4eb86904e479a6f5d2a19884620.png
[1831246-20200204134928135-135836117.png]: /images/20221119/bff1ad8e56724c05948ee7ccf6dd4f77.png
[1831246-20200204125808645-1441466726.png]: /images/20221119/ee3c9aa9f6c14ad78bb4cb303b8af839.png