一直只是聽(tīng)說(shuō)過(guò)vue.js很火贞谓，但是從來(lái)沒(méi)有接觸過(guò)，這次準(zhǔn)備用它做個(gè)項(xiàng)目試試叭莫，順便也學(xué)習(xí)一下前端開(kāi)發(fā)蹈集，在網(wǎng)上試了很多種安裝方法，都一一失敗了雇初，難道是自己的打開(kāi)的方式不正確= =
在經(jīng)過(guò)本人的不斷嘗試拢肆，終于把環(huán)境搭建成功了，順便留下手記一篇靖诗，省得今后再去東找西找了郭怪，同時(shí)也方便廣大新手在搭建環(huán)境的道路上少走點(diǎn)彎路。
1刊橘、首先我們要先安裝Node.js鄙才，這是一切的基礎(chǔ)，具體怎么安裝我想不用我多說(shuō)了吧促绵。
2攒庵、安裝完Node.js后嘴纺，問(wèn)題就出現(xiàn)了，由于許多npm包都是國(guó)外的浓冒，因此在安裝過(guò)程中總是出現(xiàn)這樣那樣的錯(cuò)誤栽渴。所以我們利用淘寶的的鏡像服務(wù)器，來(lái)安裝我們所需要的依賴(lài)文件稳懒。
npm install -g cnpm --registry=https://registry.npm.taobao.org
3闲擦、接著我們要安裝vue的腳手架，用于搭建所需的模板文件
cnpm install -g vue-cli
安裝完畢后场梆，運(yùn)行vue -V來(lái)判斷是否安裝成功墅冷。
4、最后我們要初始化項(xiàng)目或油，在命令行中輸入vue init webpack project寞忿，其中project是項(xiàng)目文件夾，這樣一來(lái)整個(gè)項(xiàng)目結(jié)構(gòu)就創(chuàng)建完成了顶岸。
5罐脊、這時(shí)我們需要把該項(xiàng)目的依賴(lài)文件都安裝好，直接進(jìn)入該文件夾下執(zhí)行cnpm install蜕琴，這樣vue.js+webpack的基礎(chǔ)環(huán)境就搭建完成了。
6宵溅、通過(guò)命令 cnpm run dev來(lái)運(yùn)行程序凌简，默認(rèn)使用的是8080端口，訪問(wèn)地址為：http://localhost:8080恃逻。
P.S.在開(kāi)發(fā)過(guò)程中雏搂，我使用的是微軟的VSCODE，打開(kāi)項(xiàng)目后會(huì)報(bào)：未至定有效的tsserver寇损，將禁用TypeScript語(yǔ)言凸郑。我之前用過(guò)TypeScript進(jìn)行開(kāi)發(fā)，所以在這里會(huì)報(bào)錯(cuò)矛市，解決方法也很簡(jiǎn)單芙沥，在VSCODE中打開(kāi)首選項(xiàng)->設(shè)置，然后在自定義的常用設(shè)置中添加以下內(nèi)容即可浊吏，前提是保證已經(jīng)通過(guò)npm install typescript -g安裝了TypeScript而昨。
// 將設(shè)置放入此文件中以覆蓋默認(rèn)設(shè)置
{
"typescript.tsdk": "C:/Users/XXX/AppData/Roaming/npm/node_modules/typescript/lib"
}
