1 、概述
Vue.js是一套構(gòu)建用戶界面的漸進(jìn)式框架。與其他重量級(jí)框架不同的是，Vue 采用自底向上增量開發(fā)的設(shè)計(jì)。Vue 的核心庫(kù)只關(guān)注視圖層，并且非常容易學(xué)習(xí)，非常容易與其它庫(kù)或已有項(xiàng)目整合。另一方面，Vue 完全有能力驅(qū)動(dòng)采用單文件組件和Vue生態(tài)系統(tǒng)支持的庫(kù)開發(fā)的復(fù)雜單頁(yè)應(yīng)用。
首先vue.js的作者是中國(guó)人，所以說(shuō)他是國(guó)產(chǎn)的，吸收了google的angular.js和facebook的react.js的特性，摒棄了jquery傳統(tǒng)的DOM操作，采用數(shù)據(jù)綁定和指令等概念，可以說(shuō)是未來(lái)WEB端開發(fā)的趨勢(shì)，但是也并不代表jquey就淘汰了，存在即合理，jq應(yīng)該在以后會(huì)有其他領(lǐng)域的價(jià)值。
2 、安裝說(shuō)明
首先，vue.js是一種前端框架，一般利用vue創(chuàng)建項(xiàng)目是要搭配webpack項(xiàng)目構(gòu)建工具的，而webpack在執(zhí)行打包壓縮的時(shí)候是依賴node.js的環(huán)境的，所以，要進(jìn)行vue項(xiàng)目的開發(fā)，我們首先要安裝node.js。node.js的官方地址為：https://nodejs.org/en/download/
3 、安裝 node.js
按照windows一般應(yīng)用程序，一路next就可以安裝成功，建議不要安裝在系統(tǒng)盤（如C：）
安裝完成后，wind+r 彈出cmd，輸入node -v 和 npm -v 分別查看版本號(hào)，代表node.js安裝完成
4、安裝cnpm
由于許多npm包都是在國(guó)外，安裝起來(lái)特別慢，所以我們這里利用淘寶的鏡像服務(wù)器，來(lái)對(duì)我們依賴的module進(jìn)行安裝。
安裝命令為：npm install -g cnpm --registry=https://registry.npm.taobao.org 之后回車等待命令
5、安裝vue-cli
命令為：cnpm install -g vue-cli，回車，等待安裝
安裝完后，可以輸入vue，然后回車，如果出現(xiàn)vue的信息，則說(shuō)明安裝成功了
6、創(chuàng)建項(xiàng)目
新建項(xiàng)目文件夾，我的命名為MyVue，然后，打開此文件夾，右鍵git bash here，定位到此文件夾，輸入:vue init webpack my-vue(項(xiàng)目文件夾名)，回車
此時(shí)，觀察my-vue的文件夾下又多了一個(gè)my-vue文件夾，這個(gè)就是vue項(xiàng)目的文件夾
之后通過(guò)命令：cd my-vue 進(jìn)入此文件夾，在利用命令：cnpm install，回車，等待一小會(huì)兒，回到項(xiàng)目文件夾，會(huì)發(fā)現(xiàn)項(xiàng)目結(jié)構(gòu)里，多了一個(gè)node_modules文件夾（該文件里的內(nèi)容就是之前安裝的依賴）
如下圖：
7、測(cè)試
在命令行里繼續(xù)輸入 cnpm run dev來(lái)測(cè)試環(huán)境是否搭建成功，如果出現(xiàn)如下圖說(shuō)明成功了
8、訪問(wèn)
在瀏覽器里輸入localhost：8080就可以查看頁(yè)面如下：
