[TOC] #### 1. 前言 --- [點(diǎn)擊查看 Electron 官方文檔安裝指導(dǎo)](https://www.electronjs.org/zh/docs/latest/tutorial/installation) 當(dāng)你想了解 electron 時(shí),在安裝時(shí)可能會(huì)遇到一些問題,也許在安裝這一步就能勸退一部分前端新手,本文記錄解決方法 #### 2. 安裝 --- 執(zhí)行以下命令安裝 electron 依賴包 ```bash npm install -D electron ``` 如果安裝時(shí)間很久都沒安裝好,最后還可能會(huì)報(bào)錯(cuò),我們可以配置鏡像源加速安裝 ```bash npm install -D electron --ELECTRON_MIRROR="https://npmmirror.com/mirrors/electron/" ``` **Mac OS** Mac 安裝時(shí)可能會(huì)出現(xiàn)以下問題,只需要在命令前面添加 sudo 前綴即可 ``` sudo npm install -D electron --ELECTRON_MIRROR="https://npmmirror.com/mirrors/electron/" ``` ![](https://img.itqaq.com/art/content/7e97dbe46d7b169a91ac5928bdcedd9f.png) 仍然安裝失敗,使用終極方案: ```bash sudo npm install electron --ELECTRON_MIRROR="https://npmmirror.com/mirrors/electron/" --unsafe-perm=true --allow-root --verbose ``` #### 3. 最佳實(shí)踐 --- 如果每次安裝依賴都在命令行中使用 `ELECTRON_MIRROR` 參數(shù)比較麻煩,我們可以配置在 .npmrc 文件中 在項(xiàng)目根目錄下的 .npmrc 中添加以下內(nèi)容 ``` electron_mirror=https://npmmirror.com/mirrors/electron/ ``` 當(dāng)然,也可以通過命令快速將內(nèi)容寫入到文件中 ```bash echo "electron_mirror=https://npmmirror.com/mirrors/electron/" >> .npmrc ``` 然后,執(zhí)行命令安裝 electron 依賴即可 ```bash # Windows npm install -D electron # Mac sudo npm install -D electron ``` 如果是使用 `git clone` 拉取下來的項(xiàng)目,執(zhí)行以下命令安裝項(xiàng)目依賴即可 ```bash npm install ```