在vue 的腳手架安裝是我們必須要知道哦。你是否有安裝失敗經(jīng)歷,都如何解決?
其實(shí)這篇文章主要就是說(shuō)常見(jiàn)安裝失敗緣由,并且是如何解決的。話(huà)不多說(shuō)我們一起看看。
一、腳手架的命令安裝
在安裝前期還有準(zhǔn)備工作就是安裝node.js,這是無(wú)法跳躍的
1.1 命令查看版本信息
在通過(guò)安裝node、npm等之后,就用命令看到安裝的版本,才可以進(jìn)行后續(xù)。
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
我們現(xiàn)在就遇見(jiàn)安裝工程中一個(gè)容易忽視問(wèn)題,就是在輸入命令回車(chē)后便開(kāi)始npm包的安裝,期是國(guó)外的,主演那個(gè)就會(huì)造成網(wǎng)絡(luò)并不穩(wěn)定,就有可能會(huì)影響傳統(tǒng)安裝方式介于響應(yīng)速度,不太建議。
切換鏡像源(建議使用)
查看當(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ò)誤
上面要求我們刪除相關(guān)文件,其實(shí)就所有的vue文件刪除了,果然安裝就成功了。
都說(shuō)磨刀不誤砍柴工,因此,先要準(zhǔn)備后,才可以準(zhǔn)備后面。!
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.specialneedsforspecialkids.com/yun/127824.html
摘要:一簡(jiǎn)介是一個(gè)用于構(gòu)建交互式界面的直觀(guān)快速和可組合的框架。的兼容性不支持及其以下版本,因?yàn)槭褂昧瞬荒苣M的特性。這是簡(jiǎn)潔的語(yǔ)法和強(qiáng)勁的性能的基礎(chǔ)。的組件一個(gè)文件由三部分組成,分別體現(xiàn)為個(gè)標(biāo)簽。 一、Vuejs簡(jiǎn)介 Vue.js - Intuitive, Fast and Composable MVVM for building interactive interfaces. vue.js...
摘要:下面來(lái)就來(lái)講講腳手架的安裝吧。如何安裝安裝只需要在終端下輸入下面一條命令自帶不需要安裝安裝完成后使用即可。原因是的問(wèn)題,要求版本是。想用安裝,就必須用安裝一下。 前言 Vue作為前端三大框架(Angular,React,Vue)之一,號(hào)稱(chēng)是最簡(jiǎn)單,最容易上手的框架,同時(shí)也是行內(nèi)的大趨勢(shì),還可以用來(lái)開(kāi)發(fā)最火的小程序。具有開(kāi)發(fā)快,雙向數(shù)據(jù)流等特點(diǎn),有些人認(rèn)為Vue是Angular和Reac...
摘要:下面來(lái)就來(lái)講講腳手架的安裝吧。如何安裝安裝只需要在終端下輸入下面一條命令自帶不需要安裝安裝完成后使用即可。原因是的問(wèn)題,要求版本是。想用安裝,就必須用安裝一下。 前言 Vue作為前端三大框架(Angular,React,Vue)之一,號(hào)稱(chēng)是最簡(jiǎn)單,最容易上手的框架,同時(shí)也是行內(nèi)的大趨勢(shì),還可以用來(lái)開(kāi)發(fā)最火的小程序。具有開(kāi)發(fā)快,雙向數(shù)據(jù)流等特點(diǎn),有些人認(rèn)為Vue是Angular和Reac...
摘要:?jiǎn)卧獪y(cè)試前端的單元測(cè)試目前有兩個(gè)比較熱的框架,一個(gè)是的方式,一個(gè)是。小伙伴們不用急,關(guān)于單元測(cè)試這塊,我會(huì)找時(shí)間寫(xiě)博客的。首先前端的測(cè)試分為兩種,一個(gè)是單元測(cè)試,另一個(gè)就是測(cè)試了。? ? ? ? 因?yàn)楣卷?xiàng)目要用vue框架,所以會(huì)用vue-cli來(lái)新建項(xiàng)目。用過(guò)vue的都知道,要全局安裝vue以及腳手架vue-cli,然后執(zhí)行vue init webpack projectname來(lái)新建vu...
閱讀 561·2023-03-27 18:33
閱讀 750·2023-03-26 17:27
閱讀 647·2023-03-26 17:14
閱讀 603·2023-03-17 21:13
閱讀 537·2023-03-17 08:28
閱讀 1823·2023-02-27 22:32
閱讀 1315·2023-02-27 22:27
閱讀 2199·2023-01-20 08:28