一、官網下載nodejs

網址：https://nodejs.org/zh-cn/download/

安裝過程可自行百度，安裝完成後cmd開啟，輸入npm -v和node -v檢視是否安裝成功

需要配置一些東西，開啟node.js的安裝目錄，配置npm的全域性快取目錄（放到D盤中），建立兩個空目錄，如下。

開啟cmd，執行 npm config set prefix "D:\Program Files\nodejs\node_global" 以及npm config set cache "D:\Program Files\nodejs\node_cache"

配置環境變數，在【系統變數】中新建【NODE_PATH】值為【D:\Program Files\nodejs\node_global\node_modules】。在【使用者變數】中修改【PATH】為【D:\Program Files\nodejs\node_global】，即去掉原有的C盤路徑改為D盤路徑。

cmd中執行npm install express -g ，測試安裝包是否在D盤資料夾中。

二、安裝Vue-CLI

安裝淘寶映象npm install cnpm -g --registry=https://registry.npm.taobao.org

安裝vue cnpm install vue

安裝vue-cli cnpm install -g vue-cli

測試 vue -V

新建工程 vue init webpack hello-vue

安裝vue-router npm install vue-router --save-dev

安裝element-ui npm i element-ui -S

安裝sass載入器 npm(cnpm) install [email protected] node-sass --save-dev

安裝axios vue-axios npm install --save axios vue-axios

三、配置WebStorm

右鍵【相容性】以管理員身份執行

配置npm，在WebStorm控制檯輸入 node -v，出現版本號則配置成功。

外掛裡安裝vue.js

在Language&Frameworks裡的Javascript改成ES6