一、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é)束?。?!