在vue剛剛開始流行的時(shí)候柜裸，大多數(shù)人學(xué)習(xí)大概都見到過這樣的一個(gè)項(xiàng)目吧吹由，可以作為學(xué)習(xí)此框架的一個(gè)模板了
github源碼地址：https://github.com/RegToss/Vue-SPA
課程教程：http://coding.imooc.com/class/74.html
首先搭建好vue的運(yùn)行環(huán)境
1：安裝node
端開發(fā)框架和環(huán)境都是需要 Node.js ，先安裝node.js開發(fā)環(huán)境，vue的運(yùn)行是要依賴于node的npm的管理工具來實(shí)現(xiàn)，下載https://nodejs.org/en/割岛，安裝完成之后，打開cmd開始輸入命令犯助。（我用的是win10系統(tǒng)癣漆，所以需要管理員權(quán)限，右鍵點(diǎn)擊以管理員身份運(yùn)行cmd）剂买，不然會出現(xiàn)很多報(bào)錯(cuò)惠爽。
2：查看node的版本號
下載好node之后，以管理員身份打開cmd管理工具瞬哼，婚肆，輸入 node -v ，回車坐慰，查看node版本號较性，出現(xiàn)版本號則說明安裝成功。
輸入命令： node -v
3：安裝淘寶npm鏡像
由于npm是國外的结胀，使用起來比較慢赞咙，我們這里使用淘寶的cnpm鏡像來安裝vue.
淘寶的cnpm命令管理工具可以代替默認(rèn)的npm管理工具。
輸入命令：npm install -g cnpm --registry=https://registry.npm.taobao.org
4：安裝全局vue-cli腳手架
淘寶鏡像安裝成功之后糟港，我們就可以全局vue-cli腳手架攀操，輸入命令：cnpm install --global vue-cli 回車；驗(yàn)證是否安裝成功秸抚，在命令輸入vue速和，出來vue的信息，及說明安裝成功耸别；
輸入命令：cnpm install --global vue-cli
準(zhǔn)備就緒健芭，開始步驟
1：從github上下載此項(xiàng)目县钥，放在E盤里面?zhèn)溆?/p>
2：進(jìn)入代碼根目錄安裝依賴：
npm install --save-dev
3：運(yùn)行項(xiàng)目
$ npm run dev
在瀏覽器打開：http://localhost:8080
4：發(fā)布代碼：
$ npm run build
發(fā)布完代碼后會生成dist目錄秀姐，保存著項(xiàng)目的所有可運(yùn)行的代碼。
原文作者：祈澈姑娘
技術(shù)博客：http://www.reibang.com/u/05f416aefbe1
90后前端妹子若贮，愛編程省有，愛運(yùn)營，愛折騰谴麦。
關(guān)注「編程微刊」公眾號 蠢沿，在微信后臺回復(fù)「領(lǐng)取資源」，獲取IT資源300G干貨大全匾效。
