http://www.cnblogs.com/wuac/p/6406843.html參考鏈接
http://www.runoob.com/w3cnote/vue2-start-coding.html
一、開(kāi)發(fā)環(huán)境搭建
1安裝node.js: brew install node
前端框架一般都依賴nodejs,我們首先要安裝node.js（Node.js 就是運(yùn)行在服務(wù)端的 JavaScript。）
2 升級(jí)npm：cnpm install npm -g（npm -v ：npm3以上版本）
NPM是隨同NodeJS一起安裝的包管理工具，能解決NodeJS代碼部署上的很多問(wèn)題
3 全局安裝vue：cnpm install -g vue-cli
用于幫助搭建所需的Vue的開(kāi)發(fā)模板框架，NPM是隨同NodeJS一起安裝的包管理工具，能解決NodeJS代碼部署上的很多問(wèn)題
3 安裝webpack：cnpm install webpack -g
Webpack 可以將多種靜態(tài)資源 js、css、less 轉(zhuǎn)換成一個(gè)靜態(tài)文件，減少了頁(yè)面的請(qǐng)求。
二、創(chuàng)建基于webpack的vue項(xiàng)目（調(diào)試啟動(dòng)調(diào)試）
$ vue init webpack my-project
$cd my-project(需要一些配置，默認(rèn)回車就行,可以看到監(jiān)聽(tīng)的哪個(gè)端口)
#進(jìn)入項(xiàng)目，安裝并運(yùn)行
$ npm install
$ npm run dev ?（開(kāi)啟了一個(gè)node服務(wù)器）
#成功執(zhí)行以上命令后訪問(wèn)http://localhost:8080/
三、配置Nginx（編譯部署）
1 項(xiàng)目路徑下vue-test輸入命令npm run build
2 下載配置部署，編輯nginx/conf下的nginx.conf 配置部署的端口（8088）以及編譯好代碼的路徑（項(xiàng)目編譯后的dist路徑）
npm run dev是在開(kāi)發(fā)模式下運(yùn)行項(xiàng)目，可以加載一些調(diào)試的模塊如hotload；
npm run build是項(xiàng)目打包命令，運(yùn)行這個(gè)命令后會(huì)生成可以進(jìn)行上線的打包文件，這時(shí)候打開(kāi)根目錄下的index.html就可以直接看到你的項(xiàng)目效果了
