1.輸入npm install -g @vue/cli 報(bào)錯(cuò)

如下

C:\User\Admin>npm install -g @vue/cli
npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.
npm WARN deprecated source-map-url@0.4.1: See https://github.com/lydell/source-map-url#deprecated
npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated source-map-resolve@0.5.3: See https://github.com/lydell/source-map-resolve#deprecated
npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated subscriptions-transport-ws@0.11.0: The `subscriptions-transport-ws` package is no longer maintained. We recommend you use `graphql-ws` instead. For help migrating Apollo software to `graphql-ws`, see https://www.apollographql.com/docs/apollo-server/data/subscriptions/#switching-from-subscriptions-transport-ws    For general help using `graphql-ws`, see https://github.com/enisdenjo/graphql-ws/blob/master/README.md
npm ERR! code EEXIST
npm ERR! path C:\Users\Admin\AppData\Roaming\npm\vue.cmd
npm ERR! EEXIST: file already exists
npm ERR! File exists: C:\Users\Admin\AppData\Roaming\npm\vue.cmd
npm ERR! Remove the existing file and try again, or run npm
npm ERR! with --force to overwrite files recklessly.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Admin\AppData\Local\npm-cache\_logs\2022-11-06T01_20_35_702Z-debug-0.log

2.一定要注意標(biāo)紅的，本博主當(dāng)時(shí)就是由于沒(méi)有注意就走了很多彎路，這個(gè)紅色的就是再給你提示，你沒(méi)有配置vue的環(huán)境變量

3.以下就是我的配置方法：

（1）我當(dāng)時(shí)覺(jué)得用npm本身的網(wǎng)站下載東西是非常的緩慢，然后我就將npm的下載地址設(shè)置為了淘寶鏡像網(wǎng)，下載東西是非常的快，也不用費(fèi)很長(zhǎng)時(shí)間，代碼如下：                                npm config set registry https://registry.npm.taobao.org  

(2) 如果小伙伴們想知道是否配置成功，可以使用如下代碼:    npm config get registry

(3) 重新運(yùn)行命令：npm install -g @vue/cli  

（4）然后你會(huì)發(fā)現(xiàn)，沒(méi)有報(bào)錯(cuò)信息了，但是你輸入，vue --version 或者vue -V會(huì)提示你vue不是內(nèi)部命令，也就是代表你的環(huán)境變量沒(méi)有配置好。以下代碼讓我們可以查看到你的npm環(huán)境路徑,代碼如下:      npm config list

配置方法： 此電腦（右鍵） - > 屬性  ->  高級(jí)系統(tǒng)設(shè)置  ->  環(huán)境變量   ->  找到系統(tǒng)環(huán)境的邊框下面的Path   (點(diǎn)擊一下，會(huì)出現(xiàn)被選中的藍(lán)色背景)    ->   點(diǎn)擊下面的編輯    ->   新建   ->將剛剛在文件夾里找到的目錄復(fù)制到該地方      ->  點(diǎn)擊確定 (一直到?jīng)]有點(diǎn)擊確定的即可)    -> 重新打開  cmd 窗口 輸入 vue -V   或者  vue  -version  就可以正確查看vue  的版本了

你也可以直接在搜索框搜索環(huán)境變量也可直接進(jìn)入， ->  找到系統(tǒng)環(huán)境的邊框下面的Path   (點(diǎn)擊一下，會(huì)出現(xiàn)被選中的藍(lán)色背景)    ->   點(diǎn)擊下面的編輯    ->   新建   ->將剛剛在文件夾里找到的目錄復(fù)制到該地方      ->  點(diǎn)擊確定 (一直到?jīng)]有點(diǎn)擊確定的即可)    -> 重新打開  cmd 窗口 輸入 vue -V   或者  vue  -version  就可以正確查看vue  的版本了

詳細(xì)步驟見圖片：

總結(jié)

到此這篇關(guān)于npm安裝vue@cli報(bào)錯(cuò)的簡(jiǎn)單處理方式的文章就介紹到這了,更多相關(guān)npm安裝vue@cli報(bào)錯(cuò)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論