一、安裝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 進入到要創(chuàng)建的文件夾的目錄下。
windows下，可以直接在資源管理器中打開要創(chuàng)建的文件目錄文件夾，在文件路徑的地址欄中輸入CMD直接進入目錄，不用使用cd命令來進入。
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
詢問是否安裝編譯器，選擇第一個?；剀?/p>
? Install vue-router? (Y/n)
詢問是否安裝vue-router，這個是管理路由的重要組件，輸入Y，回車。確認安裝。
大寫的字符表示如果不輸入的話，使用的默認結(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來檢查代碼格式，選擇第一個標準類型，回車。
? 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
按照這個步驟進入文件夾，安裝項目依賴，測試運行項目，會看到一個
DONE Compiled successfully in 2495ms
I Your application is running here: http://localhost:8080
這個時候去瀏覽器輸入這個地址，打開后就可以看到用vue-cli創(chuàng)建的vue實例項目。
