1. 首先去node.js官網(wǎng)中下載對(duì)應(yīng)的node.js版本軟件
安裝成功后肤视，window+r在運(yùn)行窗中輸入cmd打開(kāi)命令提示符窗口，輸入node -v回車琳拭，如出現(xiàn)版本號(hào)，則代表安裝成功
C:\Users\ttp46>node -v
v14.7.0
如果未安裝或者安裝失敗會(huì)出現(xiàn)下圖中的代碼：
2. 安裝npm
?1.何為npm喘漏？
??-- 在Node.js上開(kāi)發(fā)時(shí)，會(huì)用到很多別人寫(xiě)的JavaScript代碼华烟。如果我們要使用別人寫(xiě)的某個(gè)包翩迈，每次都根據(jù)名稱搜索一下官方網(wǎng)站，下載代碼盔夜，解壓负饲，再使用，非常繁瑣喂链。于是一個(gè)集中管理的工具應(yīng)運(yùn)而生：大家都把自己開(kāi)發(fā)的模塊打包后放到npm官網(wǎng)上返十，如果要使用，直接通過(guò)npm安裝就可以直接用椭微，不用管代碼存在哪洞坑，應(yīng)該從哪下載。
??-- 在新版本中的node.js都是內(nèi)置npm包管理工具
?2.檢查是否已安裝npm及npm版本號(hào)
??-- 命令提示框中輸入npm -v蝇率，得到當(dāng)前npm版本號(hào)
C:\Users\ttp46>npm -v
6.14.7
3. 檢查當(dāng)前鏡像源及切換至淘寶鏡像：
?此處切換淘寶鏡像是為了能夠快速的下載文件迟杂，如不配置會(huì)從國(guó)外地址下載速度很慢
?1.檢查當(dāng)前鏡像源
npm config get registry
?2.在無(wú)配置的情況下默認(rèn)鏡像源是：https://registry.npmjs.org
??a.切換至淘寶鏡像
npm config set registry http://registry.npm.taobao.org/
??b.檢查是否正確切換，參考第1條瓢剿，顯示taobao則成功切換
?3.在切換為淘寶鏡像后逢慌，npm可以被cnpm所取代，cnpm是阿里巴巴的淘寶團(tuán)隊(duì)把NMP官網(wǎng)的插件都同步到了在中國(guó)的服務(wù)器间狂，提供給我們從這個(gè)服務(wù)器上穩(wěn)定下載資源攻泼。后面運(yùn)行時(shí)的npm都可以改寫(xiě)為cnpm在提高下載速度的同時(shí)減少丟包的風(fēng)險(xiǎn)。
4. 安裝cli腳手架
?1.首先在命令提示符窗口中輸入npm install -g @vue/cli開(kāi)始下載cli腳手架文件鉴象，有的小伙伴會(huì)疑惑于剛才不是說(shuō)可以開(kāi)始使用cnpm運(yùn)行指令了么忙菠？但是要注意cnpm命令在安裝時(shí)是無(wú)法直接使用的，如直接使用會(huì)報(bào)以下錯(cuò)誤：
?2.所以我們需要稍加調(diào)試纺弊，命令提示符執(zhí)行npm install cnpm -g --registry=https://registry.npm.taobao.org牛欢，安裝成功后，在執(zhí)行cnpm -v命令檢查當(dāng)前版本淆游，如安裝正確會(huì)顯示cnpm當(dāng)前的版本號(hào)傍睹，如下圖：
?3.現(xiàn)在就可以愉快的使用cnpm來(lái)取代npm了，接下來(lái)開(kāi)始安裝cli腳手架犹菱，命令提示符窗口運(yùn)行指令cnpm install -g @vue/cli拾稳，就開(kāi)始了飛速的安裝過(guò)程，如使用npm安裝沒(méi)個(gè)十分鐘怕是搞不定...接下來(lái)你會(huì)看到很多行的代碼在加載腊脱，不要慌访得，等他結(jié)束后運(yùn)行指令vue -V，這里的-V的V是大寫(xiě)的其余小寫(xiě)陕凹，如果-V寫(xiě)成小寫(xiě)會(huì)顯示很多信息悍抑，正確輸入后會(huì)返回當(dāng)前的vue/cli的版本號(hào)鳄炉，如下圖：
?4.開(kāi)始創(chuàng)建項(xiàng)目命令提示符窗口中執(zhí)行vue create myproject，出現(xiàn)一些選項(xiàng)搜骡，安裝下圖選擇即可：提示：回車確定拂盯，空格用于多選的選定和反選!!!
?5.等待配置完畢，命令提示符窗口中執(zhí)行vue ui记靡，會(huì)返回一個(gè)地址磕仅，這個(gè)地址就是你的項(xiàng)目管理器的地址，復(fù)制到瀏覽器中打開(kāi)即可簸呈，然后開(kāi)始創(chuàng)建項(xiàng)目：配置過(guò)程中不能關(guān)閉命令提示符窗口!!!!!
?6.上面步驟都操作完成后，等待創(chuàng)建完畢項(xiàng)目店茶，至此cli腳手架工具就安裝完成了蜕便。
?7.接下來(lái)啟動(dòng)項(xiàng)目，在我的電腦中找到創(chuàng)建文件夾的位置贩幻，進(jìn)入到文件夾目錄中在地址欄輸入cmd回車：
確認(rèn)命令提示符地址是項(xiàng)目的位置轿腺，輸入
npm run serve，這樣就啟動(dòng)了項(xiàng)目了：
啟動(dòng)成功后丛楚，會(huì)顯示兩個(gè)地址信息族壳，選一個(gè)復(fù)制到瀏覽器中打開(kāi)就可以看到頁(yè)面了。
