本文目录
一、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即可。
三、效果展示
完成以上步骤之后，效果如下：
完结！