一、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即可。
三、效果展示
完成以上步骤之后,效果如下:
完结!