介紹
Vue.js是一套構建使用者介面的漸進式框架。
Vue 只關注檢視層，採用自底向上增量開發的設計。
Vue 的目標是通過儘可能簡單的 API 實現響應的資料繫結和組合的檢視元件。

安裝node.js
從node官網下載並安裝node，安裝步驟很簡單，只要一路“next”就可以了。
安裝完成後，開啟命令列工具輸入命令node -v，如下圖，如果出現對應版本號，就說明安裝成功了。

我們所需要的npm包管理器，是整合在node中的，所以，直接輸入npm -v就會如下圖所示，顯示出npm的版本資訊。

安裝cnpm(淘寶映象)
點選進入淘寶的cnpm網站,裡面有詳細的配置方法。
或者直接在命令列輸入：

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

vue安裝

$ cnpm install vue

安裝vue腳手架構建工具
vue-cli 提供一個官方命令列工具，可用於快速搭建大型單頁應用。該工具提供開箱即用的構建工具配置，帶來現代化的前端開發流程。

# 全域性安裝 vue-cli
$ cnpm install --global vue-cli

建立一個基於 webpack 模板的新專案

#my-project為自定義專案名
$ vue init webpack my-project
 

初始化專案

$ vue init webpack-simple my-project

在初始化過程中會有幾個選項供給選擇：
Project name (my-project) # 專案名稱（我的專案）

Project description (A Vue.js project) # 專案描述一個Vue.js 專案

Author 作者（你的名字）

Install vue-router? (Y/n) # 是否安裝Vue路由，也就是以後是spa（但頁面應用需要的模組）

Use ESLint to lint your code? (Y/n) # 使用 ESLint 到你的程式碼？ （Y [ yes ] / N [ no ]）

Pick an ESLint preset (Use arrow keys) # 選擇一個預置ESLint（使用箭頭鍵）

Setup unit tests with Karma + Mocha? (Y/n) # 設定單元測Karma + Mocha？ （Y/ N）

Setup e2e tests with Nightwatch? (Y/n) # 設定端到端測試，Nightwatch？ （Y/ N）

安裝專案所需要的依賴：
如果不安裝依賴會報下圖的錯誤：

$ cnpm install

出現此介面表示成功：

執行專案：

$ cnpm run dev

出現下圖表示配置成功：