使用vue-cli的優勢
1. 成熟的vue項目架構設計
2. 本地測試服務器
3. 集成打包上線方案

 使用vue-cli的系統要求
    1. Node.js (>= 4.x)
    2. Git
    3. 一個能使用node的命令行終端

 安裝vue-cli
    1. npm install vue-cli -g    全局安裝vue-cli
    2. vue init webpack my-project   初始化項目(規定webpack打包方式)
    3. npm install  安裝醒目依賴
    4.
        1). npm run dev    在localhost啟動測試服務器
        2). npm run build 生成上線目錄(部署)






  1. node官網下載安裝http://nodejs.cn/download/
  2. 安裝npm鏡像  因為npm的服務器在國外, 國內訪問速度慢
  3. 安裝淘寶cnpm鏡像   https://npm.taobao.org
    執行命令 :
    alias cnpm="npm --registry=https://registry.npm.taobao.org \
    --cache=$HOME/.npm/.cache/cnpm \
    --disturl=https://npm.taobao.org/dist \
    --userconfig=$HOME/.cnpmrc"

  4. 安裝vue-cli
     $ cnpm install vue-cli -g
  5. 查看vue的幫助
     $ vue --help
  6. 查看官方提供的模板
     $ vue list

  7. 創建一個項目
     $ vue init webpack vuedemo3   創建一個項目名稱為vuedemo3
     會提示你是否使用ESLint   代碼檢查工具  不適用
            karma + Mocha  一個測試工具  不使用
            Nightwatch   測試工具       不使用

  8. 啟動項目
        1). $ cd vuedemo3
        2). $ ls
        3). $ cnpm install  安裝
        4). $ npm run dev
        5). $ npm run build   生成部署用的文件

  9. 安裝插件 - 前端路由  vue-router
        $ cnpm install vue-router --save
        將路由保存到配置文件中