一、Idea中配置VUE

idea版本：2018.2.3

一、安裝vue

參考前邊的博客：https://blog.csdn.net/liangpingguo/article/details/105696002

二、idea配置vue

1. File - Settings - Languages&Frameworks - JavaScript：修改JavaScript language version爲ECMAScript 6
2. File - Settings - Plugins：搜索vue，安裝Vue.js插件
3. File - Settings - Editor - File Type： 配置HTML支持.vue後綴的文件
4. Run - Edit Configurations...：
   點擊加號，選擇npm，Name爲Dev，package.json選擇你工程中的package.json，Command爲run，Scripts爲dev,然後就可以直接在idea中運行了。
   繼續點擊加號，選擇npm，Name爲Build，package.json選擇你工程中的package.json，Command爲run，Scripts爲build,然後就可以直接在idea中打包了。

三、Intellij IDEA中的Terminal工具 npm ,vue 命令行卻顯示不是內部命令問題

1. File - Settings - Tools - Terminal - Shell path 配置爲：C:\WINDOWS\system32\cmd.exe
2. 環境變量：
   用戶環境變量Path（劃重點）：C:\Users\Rache\AppData\Roaming\npm  改爲  D:\Program Files\nodejs
   系統環境變量Path：D:\Program Files\nodejs  和  D:\Program Files\nodejs\node_global

四、打開 Terminal 測試

命令測試：

npm i -g cnpm --registry=https://registry.npm.taobao.org

npm i -g vue-cli
# 檢查版本
vue -V    //注意：-V是大寫的V，不是小寫的

cnpm install -g webpack