IntelliJ IDEA 設置 vue 支持

一、IntelliJ IDEA支持.vue文件

安裝vue.js

• file --> settings --> plugins，輸入vue，點擊搜索結果里的vue.js右邊的install按鈕，安裝成功后重啟idea，這樣idea就能識別.vue文件了
  

設置vue新建文件模板

• file-->setting-->editor-->file and code Templates，選擇Vue File，然后可以在右邊框中編輯默認模板內容，編輯完點擊“ok”。
• 這樣就可以通過new選項創建.vue文件
  

二、idea設置vue語法提示

• File->setting->Editor->Inspections，右側找到HTML->Unknown HTML tag attribute，在右邊Options->Custom HTML tag attributes里面添加如下代碼:

@tap
@tap.stop
@tap.prevent
@tap.once
@click
@click.stop
@click.prevent
@click.once
@change
@change.lazy
@change.number
@change.trim
@on
@blur
@fous
@submit
scoped
v-model
v-model.number
v-model.trim
v-for
v-text
v-html
v-show
v-if
v-else-if
v-else
v-pre
v-bind
v-bind:class
v-bind:style
v-bind:id
v-bind:href

如下圖所示：

• File->setting->Editor->File Types里面找到HTML，在Registered Patterns里面添加*.vue即可，如圖所示：
  
• 效果
  

三、idea代碼提示快捷鍵設置

• File->setting->keymap->Main Menu