最近由于公司業(yè)務(wù)需要喂江，所以采用了當(dāng)下較為流行的vue.js來(lái)完成了一個(gè)較小的后臺(tái)管理系統(tǒng)，雖說(shuō)項(xiàng)目不太大旁振，但是麻雀雖小获询，五臟俱全；下面就總結(jié)一下我在項(xiàng)目中用到的技術(shù)以及踩過(guò)的坑吧~
一规求，構(gòu)建項(xiàng)目筐付；
做項(xiàng)目前我們首先需要構(gòu)建項(xiàng)目，我的項(xiàng)目也是采取了webpack+vue-cli這一比較流行的構(gòu)建方式阻肿；
1.安裝node：
可以去node官網(wǎng)直接下載然后安裝（官網(wǎng)地址：http://nodejs.cn/）
安裝完以后可以在cmd內(nèi)輸入node -v來(lái)查看是否安裝成功以及查看node的版本瓦戚；同時(shí)也可以通過(guò)npm -v 來(lái)查看npm的版本和是否已經(jīng)安裝成功；
2.安裝webpack：
在做完第一步的時(shí)候可以直接在cmd內(nèi)通過(guò)npm install webpack -g 來(lái)全局安裝webpack丛塌；同理通過(guò)webpack -v來(lái)查看是否安裝成功以及webpack的版本较解；
3.這一步我們就來(lái)安裝vue項(xiàng)目的腳手架vue-cli ：
直接在cmd內(nèi)輸入npm install -g vue-cli;全局安裝畜疾；通過(guò)vue來(lái)查看是否已經(jīng)安裝成功；
4.如果安裝成功 那么你就可以構(gòu)建你的第一個(gè)vue項(xiàng)目了印衔；
在命令行中打開(kāi)你要存放項(xiàng)目的地址啡捶；然后輸入vue init webpack my-project(隨便起名，這就是你的項(xiàng)目名稱(chēng))
如上圖第一個(gè)vue項(xiàng)目就已經(jīng)構(gòu)建成功了奸焙，這里建議除了vue-router以外瞎暑，別的都是no；
cd xxx（項(xiàng)目名）回車(chē);再npm install 安裝依賴(lài)包与帆；如果安裝完的話可以通過(guò) npm run dev來(lái)啟動(dòng)項(xiàng)目
