N1.檢查本地電腦是否安裝node和npm
安裝vue-cli的前提是已經安裝了npm
是否安裝npm檢查命令
npm -v
如果出現版本號，說明已經安裝了npm
查看node版本號
node -v
如果未出現上述情況，請前往官網下載穩定版本，也可以點右邊的穿梭機下載，目前vision用的node版本是 8.9.3 走你--node下載
注意：可以直接在官網上下載8.9.3版本覆蓋你本地的版本，安裝之后運行npm -v可能會出現如下錯誤。
解決方法：
刪除目錄下"C:\Users\你的用戶名\AppData\Roaming\npm\node_modules"文件下的npm文件就可以了！！
安裝webpack
首先查看是否已經全局安裝了webpack
webpack -v
如果出現版本號，表示已經成功安裝了webpack，目前vision項目用的是3.10.0版本
否則需全局安裝webpack
npm install -g webpack
N2.安裝vue-cli腳手架工具
首先 查看電腦是否已經全局安裝了腳手架工具（注意，此處查看是大寫 V）
vue -V
未出現版本號則需要全局安裝vue-cli
npm install vue-cli -g
使用vue -V 檢測是否成功安裝到計算機
N3.初始化項目（此處是熟悉vision項目詳細搭建流程，可以跳過）
使用 vue init 命令來初始化項目
vue init <template-name> <project-name>
<template-name>：表示模板名稱，其中vue-cli提供了5種模板
1.webpack：全面的webpack+vue-loader的模板，功能包括熱加載，檢測和css擴展等。
2.webpack-simple:簡單的webpack+vue-loader的模板，但是不包含其他功能。
3.browerify
4.browerify-simple（由於我們不使用browerify此處就不寫了）
5.simple：最簡單的單頁面應用模板
由於我們的vision項目是基於webpack來的，所以選擇webpack模板作為開發模板
<project-name>:項目名稱。要注意名稱不可以大寫，至於原因這里不介紹，可以看一下阮一峰大神的總結. 為什么文件名要使用小寫
介紹完模板，到此步驟已經可以搭建基於vue-cli腳手架的項目了
這里由於盼哥已經在遠端搭建了vision項目，所以我們的項目已經有了名稱，就是vision！是不是很高大上？
所以 我們就直接 vue init webpack 就可以了！
命令：
vue init webpack
Project name:項目名稱，直接回車。
Project description:項目描述，默認為 a vue.js project
Author:作者
Install vue-router?是否安裝vue路由插件，這里我們要使用，選擇Y
Use ESLint to lint your code?是否使用ESLint來限制你的代碼錯誤和風格。經過討論我們決定不使用。原因有兩點：
1.之前沒使用過，查詢一些資料這個限制甚至會限制單引號和雙引號的使用。
2.怕影響效率。
Set up unit tests:是否需要安裝單元測試工具 N
Setup e2e tests with Nighwatch? 是否安裝e2e來進行用戶行為模擬測試 N
接下來就可以使用 npm run dev運行項目了！
N4.分析vue-cli模板以及修改部分內容（可以直接下一步）
這里有一篇講解非常、非常、極其、特別、厲害的文章，望仔細看一下！ vue-cli#2.0 webpack配置分析
build --編譯任務的代碼
config –webpack的配置文件
package.json–項目的基本信息
運行項目默認的端口號是8080，但是該端口容易被占用。為了防止出現沒必要的問題，我這里修改了端口號改為8777。當然如果你想改一個自己喜歡的端口號，可以進入
config/index/js找到端口號，直接修改就行了！
N5.注意事項
我們項目從遠端git clone 到本地的，是沒有node_modules，也就是所謂的依賴的。
在clone下來的vision項目下：
cd vision
npm install
安裝完畢之后文件中會有一個node_modules文件。這時執行npm run dev就可以運行vision項目了！如果你沒有運行成功，記得叫人。
N6.axios
vue官方推薦使用axios來發送和請求數據，因為官方不在繼續維護vue-resource,而之前我們的package.json中是沒有安裝axios的
命令：
npm install axios --save
思考：
1.安裝其他插件時可以直接使用Vue.use()來使用，然而axios不可以。
目前有三種方法可以解決：
第一種：每個.vue文件都引入axios，這個方法就是麻煩，但是好用。
第二種：直接修改axios原型鏈。該方法目前還沒嘗試。嘗試之后在此處修改。
第三種：結合Vuex使用，也就是封裝一個action代碼塊。由於目前我們正在使用vuex，這個方法也在考慮中。
N7使用webStorm來運行vision項目
1.前往官網下載webstorm。激活碼 走你
2.clone代碼，下載依賴包 執行npm run dev來嘗試代碼是否可以運行成功
3.安裝vue插件，在webstorm的plugins搜索vue，並且安裝插件
4.將Es5.1改為Es6，webStorm默認支持的是Es5.1版本,如果不修改就會這樣
5.安裝gerrit插件，公司使用gerrit，這個必須要安裝。
安裝方式同第三步一樣。
6.安裝之后打開本項目.git文件。.git文件是隱藏的，需要想辦法讓他顯示出來。
首先下載commit文件，否則會提交不上去你的代碼commit-msg
cd vision
ls -a
open .git
打開里面的hooks文件，把下載好的文件放進去就ok了！具體參考盼哥寫的 Gerrit使用流程+pycharm配置
7.最后修改右上角的
備注：為什么必須修改名稱？之前波哥未修改名稱，造成點擊啟動項目時啟動三次。而且不時的刷新。最后發現是沒有修改名稱造成的。
到此處，項目的搭建，以及你本地代碼已經可以正常的運行，修改，提交了！