最近幾天最折騰vue的項目 ！ 剛開始懵懵懂懂 後來搞清楚了 就出個教程吧！ 很基礎啊
先你得下載node.js (Windows)
安裝node.js 安裝路徑我默認安裝在C盤
-
安裝node
隨便貼幾張圖 都是下一步下一步的操作！
安裝成功！
我們可以檢測一下是否安裝成功 以及版本！
打開cmd 輸入node -v
ok 沒有什麼問題 ！
-
配置全局安裝路徑和緩存
現在配置全局模塊的安裝路徑到node-global文件夾，npm緩存到npm-cache文件夾
默認是會在C盤 我們給它換成其他盤
我是在D:\Nodejs目錄下創建了node_cache和node_global文件夾
打開一個cmd 窗口 輸入命令
npm config set prefix "D:\Nodejs\node_global"
npm config set cache "D:\Nodejs\node_cache"
設置好了 我們去配置環境變量！
-
配置node的環境變量
在系統變量裏新增NODE_PATH 值爲剛剛設置node_global路徑 加一級node_modules目錄（會自動創建）下載的全局東西會放這裏面！
在用戶變量的Path 點擊編輯！
改成我們剛剛配置的node_global路徑！
-
下載安裝Vue相關的全局配置
安裝cnpm
我們來安裝一下cnpm
主要是爲了cnpm 替代 npm
訪問外網比較慢，我們使用淘寶的鏡像 https://npm.taobao.org/
打開命令終端 npm install -g cnpm --registry=https://registry.npm.taobao.org
這裏用的是Git Bash（相信大家都裝好了Git）
回車之後，我就可以可以快樂的用 cnpm 替代 npm（npm安裝node就會有的）（-g 是安裝在全局文件夾中！也就是在我們的node_global目錄下）
我們現在用cnpm 安裝vue-cli
輸入命令 cnpm install -g vue-cli
ok（其實已經差不多了 但是我們得安裝一個webpack 得會就知道爲什麼了！先安裝！）
安裝webpack
輸入命令 cnpm install -g webpack
（這圖有點長 沒截完！） 安裝成功！
-
使用WebStorm創建Vue項目！
一切大功告成！打開我們的WebStorm右鍵新建一個項目!
Next
（不報錯就直接跳過）如果創建會報錯
創建時還是報錯：
Error: Can not install ‘ij-rpc-client': npm ERR! Unexpected end of JSON input…
解決：cmd下全局安裝 ij-rpc-client包：npm install ij-rpc-client -g
（重啓一下webstorm）然後創建，輸入項目名稱，一步步配置就ok了
輸入項目名稱！
項目描述
項目的作者
選擇運行和編譯
是否安裝官方路由 （按照自己的實際情況來）
是否使用ESLint管理代碼 ，ESLint是個管理代碼風格的工具 統一代碼風格 在多人協作的項目都會用到！
新手就不用了
單元測試和e2e測試 根據個人愛好
創建好後 項目結構就是這樣了！（其他東西我都屏蔽了！）
左側欄有個npm 雙擊dev
輸入localhost:8080就可以訪問到了啦！
