Vue2腳手架的安裝

一、node.js安裝和配置

1.安裝前,先看看自己電腦上有沒(méi)有node.js

打開(kāi)命令提示符,盡量選擇管理員身份打開(kāi),或者按win+R,輸入cmd打開(kāi)也行


打開(kāi)后輸入node -v 查看自己電腦是否安裝node,以及版本號(hào)



2.官網(wǎng)下載

最新版本:Download | Node.js(點(diǎn)擊下載)

因?yàn)閚ode里面帶npm,所以等下配置好環(huán)境就可以用npm了,這里下載的時(shí)候可以看到下載的版本。



3.配置環(huán)境

下載node后記住自己的安裝位置,然后配置環(huán)境,這一步很多人都發(fā)過(guò),可以點(diǎn)擊node安裝看看博主們發(fā)的過(guò)程。


4.npm安裝淘寶鏡像

npm全稱(chēng)Node Package Manager,是node.js的模塊依賴(lài)管理工具。由于npm的源在國(guó)外,所以國(guó)內(nèi)用戶(hù)使用起來(lái)各種不方便,使用淘寶鏡像會(huì)下載的更快。

cnpm與npm都是下載依賴(lài),不過(guò)cnpm有時(shí)候真的很有用,所以還是有配置一下的必要。

npm鏡像的切換

查看當(dāng)前庫(kù):npm config get registry 或者 npm get registry

設(shè)置官方庫(kù):npm config set registry https://registry.npmjs.org

設(shè)置淘寶鏡像:npm config set registry https://registry.npm.taobao.org/

npm config set registry https://registry.npmjs.org

npm config set registry https://registry.npm.taobao.org/? ?



二、Vue和腳手架安裝

1.安裝vue.js

一般是全局安裝,-g是全局安裝,指安裝到global全局目錄去。

我需要的是2.0版本的,所以我使用這個(gè)命令;(二選一都可以)

npm install? -g? @vue-cli@版本號(hào)

也可以是局部安裝

npm? i? -D? @vue/cli@版本號(hào)

也可以不寫(xiě)版本號(hào) 會(huì)直接安裝最新版本的? vue -V 是查看安裝版本號(hào)的



2.創(chuàng)建項(xiàng)目

(1)執(zhí)行如下代碼 (二者選一)

//全局(-g)

vue create 項(xiàng)目名稱(chēng)

//局部? (-D)

npx vue create? 項(xiàng)目名稱(chēng)

(2)輸入后會(huì)出現(xiàn)三種選項(xiàng) 前兩種會(huì)自動(dòng)配置 最后一種是手動(dòng)配置 可以按照你得自己的需求配置 (按反向鍵 上下鍵? 為上下移動(dòng) 選中后 按回車(chē)即可)


(3)我選擇時(shí)手動(dòng)配置? 選完安回車(chē)即可

(4)我們安裝的是vue2? 選2.0 即可

(5)后面的三個(gè)問(wèn)題按回車(chē)就行? 到選擇css語(yǔ)言是我選擇的是less? 他比較簡(jiǎn)單點(diǎn)



(6)選擇一個(gè)linter/formatter配置 我沒(méi)有選擇? 直接回車(chē)就好


(7)后面的問(wèn)題基本對(duì)我都沒(méi)用? 之間按回車(chē)了? 之后會(huì)出現(xiàn)這樣的?


(8)最后根據(jù)他的提示 進(jìn)入你的項(xiàng)目? 在執(zhí)行npm? run? serve? ?啟動(dòng)項(xiàng)目即可


(8)最后根據(jù)他的提示 進(jìn)入你的項(xiàng)目? 在執(zhí)行npm? run? serve? ?啟動(dòng)項(xiàng)目即可


vue2安裝結(jié)束?。?!

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容