idea支持vue文件-设置对vue的支持-Toy模板网

这篇具有很好参考价值的文章主要介绍了idea支持vue文件-设置对vue的支持。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

idea vue配置,灌篮高手,intellij-idea,vue.js,java

一、idea支持.vue文件

这一步其实就是安装vue.js插件，具体路径为：File ----> Settings ----> Plugins ----> 输入vue，点击搜索结果里的vue.js右边的install按钮，安装成功后重启idea，这样idea就能识别.vue文件了。

idea vue配置,灌篮高手,intellij-idea,vue.js,java

二、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

具体操作如下图所示：

idea vue配置,灌篮高手,intellij-idea,vue.js,java

File ----> setting ----> Editor ----> File Types ----> Recognized File Types 里面找到 HTML，在File name patterns 里面添加*.vue即可（2020.3.3旗舰版本），如图所示：

idea vue配置,灌篮高手,intellij-idea,vue.js,java