1.我們在C盤裡面單獨建立一個目錄（software）c:\name，安裝一些開發工具。（因為預設的安裝路徑裡面可能有空格對命令列工具很不友好。）
2.安裝node.js 下載地址：https://nodejs.org/en/（下LTS版本，安裝過後就有了node執行環境的npm的包管理器。）
3.配置cnpm. (中國訪問npm官方庫太慢，用淘寶的映象)，開啟cmd命令列工具，執行：
| $ npm install -g cnpm --registry=https://registry.npm.taobao.org |
(這裡也可以自己下載一個更加強大命令列工具cmder) 下載地址：https://cmder.net/
| git config --global user.email "**@**.com" |
| git config --global user.name "Li Yu" |
為PhpStorm或WebStorm整合Git功能，路徑如圖：
| cnpm install -g vue-cli |
使用vue-cli建立一個新專案。 執行：
| vue init webpack 專案名字 |
進去專案的目錄，安裝依賴庫。
| cd 專案名 |
| cnpm install |
啟動dev server 在瀏覽器 中預覽網頁：
| npm run dev |
6.避免WebStorm/PhpStorm打不開專案程式碼的坑
vue專案的依賴包使用npm來管理，npm讀取專案中的package.json來安裝依賴包，專案所有的依賴包最後都安裝在了專案根目錄下的node-modules/資料夾裡面。這個目錄檔案很多，有幾萬個，第一次開啟要掃描檔案下所有的檔案，並建立索引，方便之後做程式碼查詢和程式碼跳轉。如果專案存在 node-modules/目錄，因為檔案太多，WebStorm/PhpStorm掃描裡面的程式碼會非常慢，甚至卡死。解決辦法是，當新建工程，或者pull新的程式碼，先不急執行npm install 安裝依賴，使用WebStorm/PhpStorm先開啟工程之後，再執行npm install 就不會出問題。如果已經npm install安裝過了，可以 node-modules移除到工程之外別的目錄，開啟專案之後再把node_modules移回來。