一矮固、安裝vue-cli
安裝node.js的方法就不再贅述括细，安裝完成后打開CMD窗口。
npm install -g vue-cli
- npm是Node.js的包管理安裝工具髓涯。
- install 是 npm的安裝命令。
- -g 是全局安裝的意思
- vue-cli就是要安裝的模塊的名稱
遵循以上的格式哈扮，可以使用npm命令來安裝各種Node.js中可以使用的包纬纪。
使用npm來安裝很多時候會很慢，甚至安裝不上滑肉，可以使用cnpm鏡像包各。
npm install -g cnpm --registry=https://registry.npm.taobao.org將前面的npm命令替換成cnpm即可
安裝完成后，可以在cmd中輸入命令來檢測以下Vue-cli是不是安裝了靶庙。
vue -V #注意大寫
CMD會顯示vue現(xiàn)在的版本好问畅，說明安裝成功。
二、使用vue-cli構(gòu)建一個項目
打開CMD 進(jìn)入到要創(chuàng)建的文件夾的目錄下护姆。
windows下矾端，可以直接在資源管理器中打開要創(chuàng)建的文件目錄文件夾，在文件路徑的地址欄中輸入CMD直接進(jìn)入目錄卵皂，不用使用cd命令來進(jìn)入秩铆。
vue init webpack flowmap
使用vue-cli的vue中的init命令，初始化創(chuàng)建了項目名稱叫做flowmap的vue項目灯变，使用的是webpack模版殴玛。
在一番下載之后，CMD中就開始彈出選項柒凉，來設(shè)置的項目了
? Project name (flowmap)
詢問項目名稱族阅，如果是括號里的直接回車即可篓跛，不是請鍵入項目名稱后回車膝捞。
? Project description (A Vue.js project)
詢問項目描述，可以省略不寫愧沟，直接回車蔬咬。
? Author (lolo)
詢問項目的作者，可以直接回車沐寺，或者輸入你的昵稱林艘。
? Vue build (Use arrow keys)
? Runtime + Compiler: recommended for most users
Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specific HTML) are ONLY allowed in .vue files -
render functions are required elsewhere
詢問是否安裝編譯器，選擇第一個混坞『回車
? Install vue-router? (Y/n)
詢問是否安裝vue-router，這個是管理路由的重要組件究孕，輸入Y啥酱，回車。確認(rèn)安裝厨诸。
大寫的字符表示如果不輸入的話镶殷，使用的默認(rèn)結(jié)果。
? Pick an ESLint preset (Use arrow keys)
? Standard (https://github.com/feross/standard)
Airbnb (https://github.com/airbnb/javascript)
none (configure it yourself)
詢問是否使用ESlint來檢查代碼格式微酬，選擇第一個標(biāo)準(zhǔn)類型绘趋，回車。
? Setup unit tests with Karma + Mocha? (Y/n)
詢問是否安裝測試功能颗管，這里我們選否陷遮，輸入n,回車。
? Setup e2e tests with Nightwatch? (Y/n)
詢問測試內(nèi)容是否安裝垦江，這里我們選否帽馋，輸入n,回車。
最終，會完成設(shè)置的茬斧，可以看到有提示讓輸入：
cd flowmap
npm install
npm run dev
按照這個步驟進(jìn)入文件夾腰懂，安裝項目依賴，測試運行項目项秉，會看到一個
DONE Compiled successfully in 2495ms
I Your application is running here: http://localhost:8080
這個時候去瀏覽器輸入這個地址绣溜，打開后就可以看到用vue-cli創(chuàng)建的vue實例項目。
