第一步：安裝node.js
從node官網下載并安裝node，安裝步驟很簡單，只要一路“next”就可以了。
我們所需要的npm包管理器，是集成在node中的，所以，直接輸入npm -v就會如下圖所示，顯示出npm的版本信息
安裝完成后，打開命令行工具輸入命令node -v，如下圖，如果出現對應版本號，就說明安裝成功了
到這里node的環境已經安裝完了,npm包管理工具也有了，但是由于npm的有些資源被墻，為了更快更穩定,所以我們需要切換到淘寶的npm鏡像——cnpm
安裝cnpm
點擊進入淘寶的cnpm網站,里面有詳細的配置方法。
或者直接在命令行輸入：
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
使用cnpm的方法就是，需要用到npm的地方直接使用cnpm替換就可以了
vue安裝
在用 vue.js 構建大型應用時推薦使用 npm 安裝，npm 能很好地和諸如 webpack 或 browserify 模塊打包器配合使用。vue.js 也提供配套工具來開發單文件組件。
$ cnpm install vue
安裝vue-cli腳手架構建工具
vue-cli 提供一個官方命令行工具，可用于快速搭建大型單頁應用。該工具提供開箱即用的構建工具配置，帶來現代化的前端開發流程。只需幾分鐘即可創建并啟動一個帶熱重載、保存時靜態檢查以及可用于生產環境的構建配置的項目：
# 全局安裝 vue-cli
$ cnpm install --global vue-cli
創建一個基于 webpack 模板的新項目
要創建項目，首先我們要選定目錄，然后再命令行中把目錄轉到選定的目錄。可以使用：
#my-project為自定義項目名
$ vue init webpack my-project
運行初始化命令的時候回讓用戶輸入幾個基本的選項，如項目名稱，描述，作者等信息，如果不想填直接回車默認就好(YES)?
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 run dev? ? 或者用? npm run dev
