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