【IntelliJ IDEA】idea支持vue文件，设置对vue的支持

本文目录

一、idea支持.vue文件

二、idea设置vue语法提示

三、效果展示

---

一、idea支持.vue文件

这一步其实就是安装vue.js插件，具体路径为：File ----> Settings ----> Plugins ----> 输入vue，点击搜索结果里的vue.js右边的install按钮，安装成功后重启idea，这样idea就能识别.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 ----> Recognized File Types 里面找到 HTML，在File name patterns 里面添加*.vue即可（2020.3.3旗舰版本），如图所示：

添加完*.vue 之后点击OK，如果出现如下图如所弹框，就证明已经被注册过了，不需要再重新添加*.vue了，下图点击Cancel即可。

三、效果展示

完成以上步骤之后，效果如下：

完结！