IntellIJ IDEA 配置 Vue 支持 打開Vue項目 零基礎 Vue 開發環境搭建 打開運行Vue項目 IntellIJ IDEA 配置 Vue 支持

【參考】零基礎 Vue 開發環境搭建 打開運行Vue項目

 

IDEA版本：

IntelliJ IDEA 2017.2

Windows 7 X64

 

IntelliJ IDEA下載地址： https://www.jetbrains.com/idea/download/#section=windows

IntelliJ IDEA 是Java開發利器，用社區版不爽，幹催就用旗艦版，這個是收費的，須要licence。 

若是你資金充足，請自行購買收費版的Idea：https://www.jetbrains.com/idea/buy。

 1、安裝Vue.js插件

1.打開IntellIJ IDEA的File->Settings->Plugins 窗口, 點擊 Browse repositories...  在Plugins查詢框輸入vue。

2.選中查詢結果列點的Vue.js,擊右邊的安裝按鈕【Install】。

3.安裝完成後出現【Restart IntelliJ IDEA】 按鈕  點擊重啓IDEA

2、配置支持.vue後綴文件

　　1.打開IntellIJ IDEA的File->Settings->Editor->File Types 窗口, 在右側上部文件列表找到並選中HTML , 點擊右側下部列表的綠色+號 輸入 *.vue , 點擊Apply或OK。

3、配置支持 ECMAScript 6 

　　1.打開IntellIJ IDEA的File->Settings->Languages & Frameworks->JavaScript 窗口, 在右側上部JavaScript language version 下拉列表框中選中【ECMAScript 6】， 點擊OK或Apply。

 

　　好了，等待IDEA檢索項目下的文件，大功告成，能夠開始開心的擼代碼了！

 

參考文獻：IntellIJ IDEA 配置 Vue 支持