1.安裝node.js
2.安裝npm鏡像
因?yàn)樵趬Φ脑虬?，國?nèi)直接使用 npm 的官方鏡像是非常慢的，這里推薦使用淘寶 NPM 鏡像。
淘寶 NPM 鏡像是一個完整 npmjs.org 鏡像，你可以用此代替官方版本(只讀)，同步頻率目前為 10分鐘 一次以保證盡量與官方服務(wù)同步。
第一步，安裝
npm install -g cnpm --registry=https://registry.npm.taobao.org
第二步，使用
支持 npm 除了 publish 之外的所有命令, 如:
cnpm install [name]
3.使用vue-cli構(gòu)建項(xiàng)目
vue-cli是官方的項(xiàng)目構(gòu)建工具，一個簡單的構(gòu)建工具，通過幾個默認(rèn)的步驟幫助你快速的構(gòu)建Vue.js項(xiàng)目。
第一步，安裝
首先要在命令行進(jìn)入你工作的文件夾
npm install -g vue-cli //npm安裝速度比較慢可以使用cnpm
第二步，選擇模板，生成項(xiàng)目
所有的官方項(xiàng)目模板在vuejs-templates。如果有新的模板添加進(jìn)來，你需要使用下列命令，我選擇的模板是webpack，項(xiàng)目名vue-demo，
vue init webpack vue-demo
//vue init <template-name> <project-name>
前面就一直點(diǎn)回車就行了，后面使用ESLint,測試就選擇no就行。
eslint算是一個代碼語法規(guī)范檢查的工具，不同意就不會把檢查語法規(guī)范的功能加進(jìn)webpack編譯的流程里。
項(xiàng)目生成成功，你工作的文件夾中會自動創(chuàng)建一個vue-demo文件夾
第三步，運(yùn)行項(xiàng)目
cd vue-todos
npm install
npm run dev
這是時候就會自動打開端口 http://localhost:8080/#/你會看到這樣的頁面。那我們就成功了。
補(bǔ)充注意：
建議將端口號改為不常用的端口。另外我還將 build 的路徑前綴修改為 ' ./ '（原本為 ' / '），是因?yàn)榇虬?，外部引?js 和 css 文件時，如果路徑以 ' / ' 開頭，在本地是無法找到對應(yīng)文件的（服務(wù)器上沒問題）。所以如果需要在本地打開打包后的文件，就得修改文件路徑。
自己的項(xiàng)目文件都需要放到 src 文件夾下，項(xiàng)目開發(fā)完成之后，可以輸入 npm run build 來進(jìn)行打包工作
npm run build
打包完成后，會生成 dist 文件夾，如果已經(jīng)修改了文件路徑，可以直接打開本地文件查看。項(xiàng)目上線時，只需要將 dist 文件夾放到服務(wù)器就行了。
補(bǔ)充：
用vue-cli構(gòu)建項(xiàng)目時，需要引入本地的靜態(tài)js和CSS文件，要怎么打包？將靜態(tài)的js/css文件放到 static 文件夾中，使用打包命令時他會自動打包到 dist 的 static文件夾中。
<!-- 然后通過引用外部文件的方式就可以加載js文件 -->
<script src="static/js/jquery-1.11.2.min.js"></script>
總結(jié)：跟著其他人的教程一步一步做的，至于里邊的內(nèi)容還需要以后慢慢的體會吧。fighting~
