Vue.js是一套構(gòu)建用戶界面的 “漸進(jìn)式框架”。與其他重量級(jí)框架不同的是，Vue 采用自底向上增量開(kāi)發(fā)的設(shè)計(jì)。Vue 的核心庫(kù)只關(guān)注視圖層，并且非常容易學(xué)習(xí)，非常容易與其它庫(kù)或已有項(xiàng)目整合。2016年，Vue同Angular、React形成三足鼎立的局面，讓前端的開(kāi)發(fā)者顧不暇接，今天我們就來(lái)了解一下Vue的環(huán)境搭建。
一、node.js安裝
Vue項(xiàng)目通常通過(guò)webpack工具來(lái)構(gòu)建，而webpack命令的執(zhí)行是依賴node.js的環(huán)境的，所以首先要安裝node.js。node.js的官方地址為：https://nodejs.org/en/download/，下載相應(yīng)版本。
安裝完畢之后，在命令行下驗(yàn)證是否安裝成功：輸入npm，顯示如下就表示安裝成功。
二、cnpm的安裝
安裝完node之后，npm包含的很多依賴包是部署在國(guó)外的，在天朝，大家都知道下載速度是超級(jí)慢啊。所以我們要安裝cnpm，cnpm是淘寶對(duì)npm的鏡像服務(wù)器，這樣依賴的包安裝起來(lái)就快多了。
安裝命令為：npm install -g cnpm --registry=https://registry.npm.taobao.org
三、vue-cli的安裝
vue-cli是vue官方提供的一個(gè)命令行工具，可用于快速搭建大型單頁(yè)應(yīng)用。該工具提供開(kāi)箱即用的構(gòu)建工具配置，帶來(lái)現(xiàn)代化的前端開(kāi)發(fā)流程。只需一分鐘即可啟動(dòng)帶熱重載、保存時(shí)靜態(tài)檢查以及可用于生產(chǎn)環(huán)境的構(gòu)建配置的項(xiàng)目。
安裝命令為：cnpm install -g vue-cli，回車(chē)，等待安裝。
安裝完后，檢查是否安裝成功，輸入vue，出現(xiàn)以下提示表示安裝成功。
四、試試新建一個(gè)Vue項(xiàng)目
（1）新建一個(gè)項(xiàng)目文件夾，命名為 vue-demo，cd到此文件夾，輸入:vue init webpack vue-demo，回車(chē)，按照如下操作進(jìn)行初始化：
我們暫時(shí)不適用模板提供的測(cè)試框架，Karma + Mocha，以及Nightwatch。
（2）項(xiàng)目目錄
（3）安裝項(xiàng)目依賴的包
cd到vue-demo 文件夾，執(zhí)行cnpm install，安裝依賴包，安裝完成之后，項(xiàng)目目錄下多了node_modules：
（4）運(yùn)行項(xiàng)目
在命令行里輸入 cnpm run dev，執(zhí)行完成后啟動(dòng)項(xiàng)目，瀏覽器出現(xiàn)以下接結(jié)果，說(shuō)明啟動(dòng)成功。注意瀏覽器的版本，低版本的不支持哦。
** 如果您喜歡我們的文章，點(diǎn)贊就好，您的認(rèn)可是我分享的最大動(dòng)力**
