一步一步解決 vue-element-admin npm install 報(bào)錯(cuò)多的問(wèn)題
本文章將一步一步解決 vue-element-admin npm install 安裝的時(shí)候報(bào)錯(cuò)很多的問(wèn)題。我們來(lái)一個(gè)一個(gè)解決，最后實(shí)現(xiàn)能運(yùn)行。
有興趣可以加入QQ群 518187476 來(lái)聊聊你遇到的問(wèn)題。
第五步成功步驟！
前期準(zhǔn)備
1、 Git 命令行工具 查看 git 工具使用問(wèn)題，點(diǎn)擊查看
2、安裝 Nodejs
3、安裝 npm 包管理工具
以下是本次安裝所使用工具的版本
第一步，使用 Git 拷貝項(xiàng)目到本地
使用以下命令拷貝項(xiàng)目，如果 https 地址不行，可以試試 ssh，還是不行請(qǐng) 查看解決方法 ，請(qǐng)勿重復(fù)拷貝項(xiàng)目，一次就可以。
git clone https://github.com/PanJiaChen/vue-element-admin.git
或者
git clone git@github.com:PanJiaChen/vue-element-admin.git
第二步，查看手冊(cè)
手冊(cè)是學(xué)習(xí)新知識(shí)必備的東東，基本上能解決你大部分的東西。
手冊(cè)位置：
Gitee
https://panjiachen.gitee.io/vue-element-admin-site/zh/guide/
Github
https://panjiachen.github.io/vue-element-admin-site/zh/guide/#%E5%8A%9F%E8%83%BD
打不開(kāi)的解決方案：點(diǎn)擊查看
第三步，安裝 node-sass（請(qǐng)查看所需版本）
手冊(cè)上有說(shuō)明，所以第二步查看手冊(cè)學(xué)習(xí)也很重要。
安裝之后，能解決很大部分為題，安裝后我們接著看第四步，看看還有什么報(bào)錯(cuò)沒(méi)有？
第四步，正式安裝開(kāi)始與排錯(cuò)（最終還是報(bào)錯(cuò)）
1、先設(shè)置好國(guó)內(nèi)鏡像，然后使用命令進(jìn)行安裝
npm config set registry https://registry.npm.taobao.org --global npm config set disturl https://npm.taobao.org/dist --global npm install
警告錯(cuò)誤（npm WARN ）可以先忽略，主要是 npm的致命錯(cuò)誤（npm ERR!）
2、安裝過(guò)程出現(xiàn)以下錯(cuò)誤
(1)、node-sass 報(bào)錯(cuò)使用命名安裝后重新 npm install
npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass
(2)、出現(xiàn)了其他問(wèn)題現(xiàn)在進(jìn)行重復(fù) npm install
//出現(xiàn)的錯(cuò)誤不重復(fù)，就多次安裝 npm install
(3)、報(bào)錯(cuò) npm ERR! gyp ERR! ，運(yùn)行命令后繼續(xù) 執(zhí)行 npm install
npm install -g node-gyp
第五步：這是我成功的步驟
前置：
系統(tǒng)：Windows7
Nodejs 版本 v12
命令工具： git ， cmd，Visual Studio Code
步驟：
1、通過(guò) git clone 下載
2、在 git 上面按照文檔運(yùn)行了幾次，報(bào)錯(cuò)（命令如下）
# 克隆項(xiàng)目 git clone https://github.com/PanJiaChen/vue-element-admin.git # 進(jìn)入項(xiàng)目目錄 cd vue-element-admin # 安裝依賴，報(bào)錯(cuò) npm install # 安裝依賴，報(bào)錯(cuò) npm install --registry= # 多次安裝 還是報(bào)錯(cuò)# npm install
3、通過(guò)本地的 cmd 運(yùn)行安裝命令，還是是報(bào)錯(cuò)
#cmd 運(yùn)行安裝命令還是報(bào)錯(cuò) npm i
4、打開(kāi) VsCode，通過(guò)快捷鍵，Ctrl + ~ 打開(kāi) 終端，運(yùn)行 npm i 進(jìn)行安裝， 成功了?。。。。?！
圖片1：
圖片2：
文章來(lái)源：http://www.zghlxwxcb.cn/article/138.html
總結(jié)用到的命令
#查看版本 git --version npm -v node -v #拷貝項(xiàng)目 git clone https://github.com/PanJiaChen/vue-element-admin.git #拷貝完成后進(jìn)入所在項(xiàng)目目錄 cd vue-element-admin #設(shè)置npm鏡像為國(guó)內(nèi)地址，并且進(jìn)行安裝 npm install --registry=https://registry.npm.taobao.org # 過(guò) Git 運(yùn)行 npm install 有報(bào)錯(cuò) # 通過(guò)自帶的 cmd 運(yùn)行 npm i 有報(bào)錯(cuò) # 通過(guò) Visual Studio Code 自帶的終端，運(yùn)行 npm i 竟然成功了！??！
文章來(lái)源地址http://www.zghlxwxcb.cn/article/138.html
到此這篇關(guān)于如何解決 vue-element-admin npm install 報(bào)錯(cuò)多的問(wèn)題？的文章就介紹到這了,更多相關(guān)內(nèi)容可以在右上角搜索或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
