Vue.js是一套構建用戶界面的漸進式框架。與其他重量級框架不同的是，Vue 采用自底向上增量開發的設計。Vue 的核心庫只關注視圖層，並且非常容易學習，非常容易與其它庫或已有項目整合。另一方面，Vue 完全有能力驅動采用單文件組件和Vue生態系統支持的庫開發的復雜單頁應用。
首先vue.js的作者是中國人，所以說他是國產的，吸收了google的angular.js和facebook的react.js的特性，摒棄了jquery傳統的DOM操作，采用數據綁定和指令等概念，可以說是未來WEB端開發的趨勢，但是也並不代表jquey就淘汰了，存在即合理，jq應該在以后會有其他領域的價值，這里我就不多說了。
說了這么多，我們還是開始怎么搭建vue.js的環境吧。首先要搭建vue的環境需要借助node.js的npm的包管理器。這個npm我就不詳細介紹了，網上自己去百度，反正后面要安裝的一系列的依賴或者包都要用到這個。
一、node.js的安裝
node.js近幾年很火熱，開始我以為是一門語言，其實只是一個平台，他封裝了chorme v8的引擎，可以直接用js作為服務器端腳本語言。http://nodejs.cn/進去該網站下載最新版本的node,
注意npm版本是3.8以上的就行。后面就是下一步下一步的安裝就可以了。安裝完成后，wind+r 彈出cmd，輸入node -v 和 npm -v 分別查看版本號，代表node.js安裝完成。說到這里博主我遇到過問題了。
因為我電腦我安裝過appcan-v3.3,這款IDE封裝了node.js並且裝的時候把node.js的環境變量給配好了，以至於我后來新裝的node.js查看版本號都是低版本的。解決方法其實很簡單，打開我的電腦查看屬性/高級系統設置/環境變量。然后找到"appcan_path"點擊編輯,把“F:\set-soft\AppCanStudioPersonalV3.3\HDK\emulator\mas\”全都刪除，然后重新查看版本。v3.10.4的npm即可。（也可以設置全局文件夾，直接采用默認的，那node會全都裝在根目錄下的node_modules，目前里面只有npm就對了，tips:如果你第一次設置了全局文件夾並且卸載了node,那么你后面再重新安裝node.js還會有這個設置，我是沒管，具體解決方案可以百度）
二、node.js的環境變量的新建。
其實安裝完node，就自動在path里增加環境變量，但是為了以后的本地部署項目，我們需要找到node.js的安裝根目錄，在當中新建“node_global”和"node_cache"兩個文件夾。
1、啟動CMD依次執行以下兩條命令
npm config set prefix "F:\set-soft\nodejs\node_global"
npm config set cache "F:\set-soft\nodejs\node_cache"
2、設置環境變量：
NODE_PATH = F:\set-soft\Node\nodejs
PATH = %NODE_PATH%\;%NODE_PATH%\node_modules;%NODE_PATH%\node_global;
這樣就可以把后面全局安裝的裝到global里並且可以直接用命令使用。
三、安裝淘寶的npm鏡像：
輸入npm install -g cnpm –registry=https://registry.npm.taobao.org，即可安裝npm鏡像，以后再用到npm的地方直接用cnpm來代替就好了。這個其實看個人愛好吧，因為npm在國內下載速度是很慢，所以就用npm下載安裝cnpm可以更快的下載后面的依賴等等。
四、安裝全局vue-cli腳手架、webpack.
命令輸入
1.(npm)cnpm install -g vue-cli //全局安裝vue-cli
2.(npm)cnpm install -g webpack //全局安裝webpack
(npm)npm install -g webpack-dev-server //安裝webpack的本地webserver
安裝完成后，vue-cli腳手架其實就已經把vue也裝掉了，所以只需輸入vue -V 和 webpack -v 等等就可以查看安裝成功與否。
五，新建vue.js項目
新建的話，可以在當前系統盤下直接新建，也可以切換盤符，然后在當前的磁盤里新建文件項目
命令 vue init webpack vue_project(最后這個是我創建的項目文件夾的名字) 看到上面的就代表已經完成，然后就去當前的磁盤里找到“my_test”你的項目文件夾，里面使用了腳手架vue-cli的和webpack提供的模板進行了創建。目錄結構大概是這樣
六、本地安裝和運行項目
1.注意前面的盤符是當前的，然后命令cd my_test //進入文件夾
2.回車輸入 cnpm install 你會發現在已經創建的項目結構里面會多出一個node_modules的文件夾，里面就是剛才安裝的所有依賴。
3.准備工作做好以后，測試一下項目里面默認的app.vue模塊能否跑起來，這是需要先安裝一下服務器環境，在命令行中輸入
cnpm run dev 回車即可
8080就是默認的端口，在瀏覽器地址欄中輸入localhost:8080會發現默認的模塊打開了！
(這里博主我又遇到過問題，就是我的8080端口被占用了，解決方法是，cmd命令輸入netstat -ano找到8080端口的PID，然后打開“人物管理器”，找到對應的PID，將該進程給關了即可，我的是svn服務端軟件給占了。)
最后打開瀏覽器:127.0.0.1:8080出現下面這個就代表vue.js在本地就創建好了
七、運行別人的vue.js項目domo
可以從github上克隆下來，然后將項目文件夾放到某個盤符下，然后cmd命令 找到該盤符，比如 f:
1. f:\cd domo_vue
2.命令 cnpm(npm) install //在本地安裝
3. cnpm(npm) run dev 回車 //在本地的瀏覽器打開127.0.0.1帶上端口號就可以跑起來了。
八、服務器端運行
命令 npm run build
會生成靜態文件，在根目錄的dist里，里面有個index.html，這是服務器訪問的路徑指定到這里就可以訪問我們自己的項目了。但是我發現個問題就是生成index.html里引用的css和js的引用路徑不對，這時候就需要自己修改一下配置了。
進入config/index.js
原來的配置的引用路徑為
公眾號(ZEROFC_DEV)
