一 介紹：
vue.js是什麼？
Vue.js（讀音 /vjuː/, 類似于 view） 是一套建構使用者界面的漸進式架構。與其他重量級架構不同的是，Vue 采用自底向上增量開發的設計。Vue 的核心庫隻關注視圖層，并且非常容易學習，非常容易與其它庫或已有項目整合。另一方面，Vue 完全有能力驅動采用單檔案元件和Vue生态系統支援的庫開發的複雜單頁應用。
Vue.js 的目标是通過盡可能簡單的 API 實作響應的資料綁定群組合的視圖元件。
Vue.js是一個MVVM模式的架構，如果讀者有angular經驗，一定能夠很快入門Vue的
vue.js的特點:
易用： 已經會了HTML,CSS,Javascript？即刻閱讀指南即可開始建構應用！
靈活： 簡單小巧的核心，漸進式技術棧，足以應付任何規模的應用。
高效： 16kb min+gzip 的運作大小,超快虛拟 DOM ,最省心的優化
二 開發環境的搭建：
vue推薦開發環境:
Node.js: javascript運作環境(runtime),不同系統直接運作各種程式設計語言
npm: Nodejs下的包管理器。由于國内使用npm會很慢,這裡推薦使用淘寶NPM鏡像（http://npm.taobao.org/）
$ npm
install
-g cnpm --registry=https:
//registry
.npm.taobao.org
webpack: 它主要的用途是通過 CommonJS 的文法把所有浏覽器端需要釋出的靜态資源做相應的準備，比如資源的合并和打包。
vue-cli: 使用者生成Vue工程模闆
按照下面的步驟來即可：
1:安裝node.js
從node.js官網下載下傳并安裝node，安裝過程很簡單，一路“下一步”就可以了（傻瓜式安裝）。安裝完成之後，打開指令行工具，輸入node -v，如下圖，如果出現相應的版本号，則說明安裝成功。
npm包管理器，是內建在node中的，是以，直接輸入npm -v就會如下圖所示，顯示出npm的版本資訊。
oK！node環境已經安裝完成，npm包管理器也有了。由于有些npm有些資源被屏蔽或者是國外資源的原因，經常會導緻用npm安裝依賴包的時候失敗，所有我還需要npm的國内鏡像---cnpm。
2：cnpm 安裝
在指令行中輸入npm install -g cnpm --registry=http://registry.npm.taobao.org然後等待，安裝完成如下圖。
完成之後，我們就可以用cnpm代替npm來安裝依賴包了。如果想進一步了解cnpm的，檢視淘寶npm鏡像官網。
3：安裝vue-cli腳手架建構工具
vue-cli是vue官方提供的一個指令行工具，可用于快速搭建大型單頁應用。該工具提供開箱即用的建構工具配置，帶來現代化的前端開發流程。隻需一分鐘即可啟動帶熱重載、儲存時靜态檢查以及可用于生産環境的建構配置的項目。
安裝指令為：cnpm install -g vue-cli，回車，等待安裝。
安裝完後，檢查是否安裝成功，輸入vue，出現以下提示表示安裝成功。
通過以上三部，我們需要準備的環境和工具都準備好了，接下來就開始使用vue-cli來建構項目。
4：用vue-cli建構項目
要建立項目，首先我們要標明目錄，然後再指令行中把目錄轉到標明的目錄。在這裡，我選擇桌面來存放建立的項目，則我們需要先把目錄cd到桌面，如下圖。
cd到此檔案夾 表示到那個目錄裡面 下圖表示在桌面
5：試試建立一個Vue項目
（1）建立一個項目檔案夾，命名為 vue-demo，cd到此檔案夾，輸入:vue init webpack vue-demo，回車，按照如下操作進行初始化：
輸入:vue init webpack vue-demo 這一步表示初始化一個vue項目 名字叫vue-demo
運作初始化指令的時候回讓使用者輸入幾個基本的選項，如項目名稱，描述，作者等資訊，如果不想填直接回車預設就好。
(2) 項目目錄：
這就是整個項目的目錄結構，其中，我們主要在src目錄中做修改。這個項目現在還隻是一個結構架構，整個項目需要的依賴資源都還沒有安裝，如下圖。
（3）安裝項目所需的依賴
cd到vue-demo 檔案夾，執行cnmp install，安裝依賴包，安裝完成之後，項目目錄下多了node_modules
輸入 cd vue-demo 回車
輸入 cnmp install 回車
安裝完依賴包之後，就可以運作整個項目了
在指令行裡輸入 cnpm run dev，執行完成後啟動項目，浏覽器出現以下接結果，說明啟動成功。注意浏覽器的版本，低版本的不支援
這裡簡單介紹下npm run dev指令，其中的“run”對應的是package.json檔案中，scripts字段中的dev，也就是node build/dev-server.js指令的一個快捷方式。
項目運作成功後，浏覽器會自動打開localhost:8080（如果浏覽器沒有自動打開，可以手動輸入）。運作成功後，會看到如下所示的界面。
ok!!!!! end here!!!
參考文獻：http://www.jb51.net/article/108763.htm