一、在IDEA中安装Vue插件
        1.先点击File-->Settings-->Plugins

2.点击进去后在Marketplace下的搜索框搜索Vue.js插件进行下载,下载完后点击Install

 3.上一步操作进行完后,点击Installed在其搜索框下搜索Vue插件并且进行勾选,勾选后点击Apply

 4.idea会进行重启,如果没重启自行重启一下。到这一步Vue插件即配置成功!

二、让Vue的后缀文件(.vue)能够识别HTML格式
1.首先在File中打开Settings -->Editor-->File Types,然后再下拉选项中找到HTML,并且点击其加号添加后缀

 2.添加内容为 *.vue ,然后点击OK即可配置成功

三、在IDEA中添加Vue的语法
1.在这之前我们新建一个HTML文件看一下是否有Vue语法的存在

 输入一个v后,没有看到任何关于Vue的语法存在,那么我们就去进行配置

2.点击File-->Settings-->Editor-->Inspections-->HTML,展开HTML后找到 Unknown HTML tag attribute,然后点击其右边的拓展按钮

 3.然后将准备好的语法复制粘贴,点击Apple即可

Vue语法:

@tap
@tap.stop
@tap.prevent
@tap.once
@click
@click.stop
@click.prevent
@click.once
@change
@change.lazy
@change.number
@change.trim
v-model
v-for
v-text
v-html
v-if
v-else-if
v-else
v-pre
v-once
v-bind
scoped
@keyup.enter
:class
:style
v-show
:key
@keyup
@submit
@submit.prevent
@mouseenter
@mouseleave
@mouseout
@mouseover
注:全程使用的是IDEA最新版(2020,3)
————————————————

Logo

前往低代码交流专区

更多推荐