欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue腳手架安裝以及安裝失敗問(wèn)題解決辦法

 更新時(shí)間:2022年07月13日 11:47:05   作者:Aress"  
我們通常會(huì)用到腳手架vuecli創(chuàng)建項(xiàng)目,此時(shí)需要安裝腳手架,下面這篇文章主要給大家介紹了關(guān)于vue腳手架安裝以及安裝失敗問(wèn)題的解決辦法,需要的朋友可以參考下

前言

在不少小伙伴學(xué)習(xí)使用vue的過(guò)程中,vue 的腳手架安裝幾乎是無(wú)可避免的;但是因?yàn)殡娔X配置、網(wǎng)絡(luò)等等的問(wèn)題會(huì)造成部分小伙伴的腳手架安裝失敗。

那我們本著遇到問(wèn)題解決問(wèn)題,沒(méi)有問(wèn)題創(chuàng)造問(wèn)題的態(tài)度進(jìn)行本期的問(wèn)題解決。若發(fā)現(xiàn)文中有部分內(nèi)容比較基礎(chǔ)請(qǐng)酌情跳過(guò),在剛開(kāi)始學(xué)習(xí)的路上,總是有很多小白寶們不太懂,我也是這樣過(guò)來(lái)的,希望這樣能夠友好一點(diǎn),你們也要加油哦,前端路上,我們不再孤單

一、腳手架的命令安裝

此處默認(rèn)寶們已經(jīng)完成node.js前期安裝工作,若還未安裝node.js的寶們請(qǐng)先直接跳到最后按照教程進(jìn)行安裝,然后再返回安裝腳手架

1.1 命令查看版本信息

在通過(guò)安裝node、npm等之后,我們通過(guò)命令行查看可以知道我們所安裝的相關(guān)版本號(hào),該過(guò)程沒(méi)有問(wèn)題我們繼續(xù)進(jìn)行腳手架的安裝

node -v
npm -v
//命令可在powershell、cmd、IDE終端窗口中運(yùn)行(使用時(shí)請(qǐng)選擇復(fù)制)

1.2 通過(guò)鍵入命令安裝腳手架

傳統(tǒng)安裝命令(不建議)

安裝Vue2腳手架
npm install -g vue-cli
卸載Vue2腳手架
npm uninstall vue-cli -g

輸入命令回車(chē)后便開(kāi)始npm包的安裝,因?yàn)閚pm服務(wù)器在國(guó)外,所以此處因?yàn)榫W(wǎng)絡(luò)可能會(huì)出現(xiàn)第一個(gè)問(wèn)題,即網(wǎng)絡(luò)因素?zé)o法安裝報(bào)錯(cuò)或長(zhǎng)時(shí)間無(wú)反應(yīng),所以傳統(tǒng)安裝方式介于響應(yīng)速度,不太建議。

反正這里我是裝了好幾個(gè)小時(shí)都沒(méi)好,寶們自己選擇喲

切換鏡像源(建議使用)

查看當(dāng)前使用的鏡像源
npm config get registry

切換鏡像源
切換至淘寶源:npm config set registry=http://registry.npm.taobao.org/
切換至華為源:npm config set registry=https://mirrors.huaweicloud.com/repository/npm/
切換至npm源:???????npm config set registry=http://registry.npmjs.org
臨時(shí)使用:npm --registry https://registry.npm.taobao.org install express

此處我們默認(rèn)使用淘寶源

//查看是否安裝成功
cnpm -v

用cnpm安裝vue腳手架

//安裝Vue2腳手架
cnpm install -g vue-cli

j檢查腳手架安裝情況

vue -V
//記住這里的-V是大寫(xiě)字母V

注意:

如果提示“無(wú)法識(shí)別”,有可能是npm的版本過(guò)低,更新npm包就可以了,然后繼續(xù)上一步驟 npm安裝腳手架就行

//更新一下版本就好了
npm install -g npm

如果安裝失敗的話(huà),可能會(huì)出現(xiàn)以下報(bào)錯(cuò)

清除緩存重新安裝即可

npm cache clean

二、node.js環(huán)境安裝

首先進(jìn)入node.js的官方網(wǎng)站,我們此處進(jìn)入node.js中文網(wǎng)

或者直接進(jìn)入node官網(wǎng)點(diǎn)擊下載即可(一般系統(tǒng)會(huì)自動(dòng)匹配相應(yīng)的包,若下載后發(fā)現(xiàn)下載的包不對(duì)應(yīng)系統(tǒng)則手動(dòng)點(diǎn)擊下載)

下載完成后雙擊開(kāi)始安裝,此處注意,在同意相關(guān)協(xié)議后最好使用默認(rèn)安裝路徑,這樣也能夠盡可能地避免你后期使用過(guò)程中因?yàn)槁窂礁脑斐傻囊幌盗胁槐匾膯?wèn)題。

安裝完成后回到文章頂部按照步驟安裝腳手架即可。

聽(tīng)我一句勸,node就讓他默認(rèn)路徑安裝吧,不然你以后很有可能會(huì)找各種報(bào)錯(cuò)的原因

附:vue安裝vue腳手架(vue-cli)錯(cuò)誤總結(jié)

最忌重新安裝vue-cli腳手架的時(shí)候,報(bào)出如下錯(cuò)誤


根據(jù)提示將相應(yīng)的文件夾刪除之后,又讓我刪除新的文件。我突然猜想這是我第二次安裝可能需要將里面所有的vue文件刪除,所以我就將所有的vue文件刪除了,果然安裝就成功了。

總結(jié)

在通過(guò)一些列的環(huán)境安裝后,我們就進(jìn)入到下一階段的項(xiàng)目創(chuàng)建,開(kāi)始著手你的vue項(xiàng)目了,不過(guò)在這里還是先啰嗦一下,如果你之前沒(méi)有正式學(xué)習(xí)過(guò) Node.js和JavaScript建議先簡(jiǎn)單了解一下,對(duì)后面vue的學(xué)習(xí)會(huì)起一定的幫助

到此這篇關(guān)于vue腳手架安裝以及安裝失敗問(wèn)題解決辦法的文章就介紹到這了,更多相關(guān)vue腳手架安裝內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • Vue.js基礎(chǔ)學(xué)習(xí)之class與樣式綁定

    Vue.js基礎(chǔ)學(xué)習(xí)之class與樣式綁定

    這篇文章主要為大家介紹了Vue.js的Class與樣式綁定,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-03-03
  • Vue生產(chǎn)環(huán)境調(diào)試的方法步驟

    Vue生產(chǎn)環(huán)境調(diào)試的方法步驟

    開(kāi)發(fā)環(huán)境下Vue會(huì)提供很多警告來(lái)幫你對(duì)付常見(jiàn)的錯(cuò)誤與陷阱,而在生產(chǎn)環(huán)境下,這些警告語(yǔ)句卻沒(méi)有用,反而會(huì)增加應(yīng)用的體積,下面這篇文章主要給大家介紹了關(guān)于Vue生產(chǎn)環(huán)境調(diào)試的方法步驟,需要的朋友可以參考下
    2022-04-04
  • vue選項(xiàng)卡Tabs組件實(shí)現(xiàn)示例詳解

    vue選項(xiàng)卡Tabs組件實(shí)現(xiàn)示例詳解

    這篇文章主要為大家介紹了vue選項(xiàng)卡Tabs組件實(shí)現(xiàn)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-11-11
  • Vue實(shí)現(xiàn)進(jìn)度條變化效果

    Vue實(shí)現(xiàn)進(jìn)度條變化效果

    這篇文章主要為大家詳細(xì)介紹了Vue實(shí)現(xiàn)進(jìn)度條變化效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-09-09
  • 解析Vue2 dist 目錄下各個(gè)文件的區(qū)別

    解析Vue2 dist 目錄下各個(gè)文件的區(qū)別

    本篇文章主要介紹了解析Vue2 dist 目錄下各個(gè)文件的區(qū)別,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2017-11-11
  • Vue操作數(shù)組的幾種常用方法小結(jié)

    Vue操作數(shù)組的幾種常用方法小結(jié)

    本文主要介紹了Vue操作數(shù)組的幾種常用方法小結(jié),主要包括map、filter、forEach、find 和 findIndex 、some 和 every、includes、Array.from這幾種方法,感興趣的可以了解一下
    2023-09-09
  • vue使用mixins優(yōu)化組件

    vue使用mixins優(yōu)化組件

    這篇文章主要介紹了vue如何使用mixins優(yōu)化組件,幫助大家更好的理解和學(xué)習(xí)使用vue框架,感興趣的朋友可以了解下
    2021-04-04
  • vue element-ui實(shí)現(xiàn)動(dòng)態(tài)面包屑導(dǎo)航

    vue element-ui實(shí)現(xiàn)動(dòng)態(tài)面包屑導(dǎo)航

    這篇文章主要為大家詳細(xì)介紹了vue element-ui實(shí)現(xiàn)動(dòng)態(tài)面包屑導(dǎo)航,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2019-12-12
  • vue前端如何將任意文件轉(zhuǎn)為base64傳給后端

    vue前端如何將任意文件轉(zhuǎn)為base64傳給后端

    這篇文章主要介紹了vue前端如何將任意文件轉(zhuǎn)為base64傳給后端問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2024-03-03
  • vue使用npm發(fā)布自己的公網(wǎng)包

    vue使用npm發(fā)布自己的公網(wǎng)包

    本文主要介紹了vue使用npm發(fā)布自己的公網(wǎng)包,通過(guò)創(chuàng)建一個(gè)簡(jiǎn)單的npm包,本文詳細(xì)闡述了從創(chuàng)建到發(fā)布的整個(gè)過(guò)程,具有一定的參考價(jià)值,感興趣的可以了解一下
    2023-08-08

最新評(píng)論