npm安裝vue@cli報錯的簡單處理方式
1.輸入npm install -g @vue/cli 報錯
如下
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.一定要注意標紅的,本博主當時就是由于沒有注意就走了很多彎路,這個紅色的就是再給你提示,你沒有配置vue的環(huán)境變量
3.以下就是我的配置方法:
(1)我當時覺得用npm本身的網(wǎng)站下載東西是非常的緩慢,然后我就將npm的下載地址設置為了淘寶鏡像網(wǎng),下載東西是非常的快,也不用費很長時間,代碼如下: npm config set registry https://registry.npm.taobao.org
(2) 如果小伙伴們想知道是否配置成功,可以使用如下代碼: npm config get registry
(3) 重新運行命令:npm install -g @vue/cli
(4)然后你會發(fā)現(xiàn),沒有報錯信息了,但是你輸入,vue --version 或者vue -V會提示你vue不是內(nèi)部命令,也就是代表你的環(huán)境變量沒有配置好。以下代碼讓我們可以查看到你的npm環(huán)境路徑,代碼如下: npm config list
配置方法: 此電腦(右鍵) - > 屬性 -> 高級系統(tǒng)設置 -> 環(huán)境變量 -> 找到系統(tǒng)環(huán)境的邊框下面的Path (點擊一下,會出現(xiàn)被選中的藍色背景) -> 點擊下面的編輯 -> 新建 ->將剛剛在文件夾里找到的目錄復制到該地方 -> 點擊確定 (一直到?jīng)]有點擊確定的即可) -> 重新打開 cmd 窗口 輸入 vue -V 或者 vue -version 就可以正確查看vue 的版本了
你也可以直接在搜索框搜索環(huán)境變量也可直接進入, -> 找到系統(tǒng)環(huán)境的邊框下面的Path (點擊一下,會出現(xiàn)被選中的藍色背景) -> 點擊下面的編輯 -> 新建 ->將剛剛在文件夾里找到的目錄復制到該地方 -> 點擊確定 (一直到?jīng)]有點擊確定的即可) -> 重新打開 cmd 窗口 輸入 vue -V 或者 vue -version 就可以正確查看vue 的版本了
詳細步驟見圖片:
總結(jié)
到此這篇關(guān)于npm安裝vue@cli報錯的簡單處理方式的文章就介紹到這了,更多相關(guān)npm安裝vue@cli報錯內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
詳解Vue Elementui中的Tag與頁面其它元素相互交互的兩三事
這篇文章主要介紹了詳解Vue Elementui中的Tag與頁面其它元素相互交互的兩三事,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-09-09vue富文本框(插入文本、圖片、視頻)的使用及問題小結(jié)
這篇文章主要介紹了vue富文本框(插入文本、圖片、視頻)的使用及問題小結(jié),需要的朋友可以參考下2018-08-08element-ui帶輸入建議的input框踩坑(輸入建議空白以及會閃出上一次的輸入建議問題)
這篇文章主要介紹了element-ui帶輸入建議的input框踩坑(輸入建議空白以及會閃出上一次的輸入建議問題),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-01-01vue內(nèi)置組件component--通過is屬性動態(tài)渲染組件操作
這篇文章主要介紹了vue內(nèi)置組件component--通過is屬性動態(tài)渲染組件操作,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07