IDEA中如何使用Vue

一、在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,然后点击其右边的拓展按钮

@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

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

相关推荐
hong_zc1 小时前
算法【Java】—— 二叉树的深搜
java·算法
进击的女IT2 小时前
SpringBoot上传图片实现本地存储以及实现直接上传阿里云OSS
java·spring boot·后端
Miqiuha2 小时前
lock_guard和unique_lock学习总结
java·数据库·学习
一 乐3 小时前
学籍管理平台|在线学籍管理平台系统|基于Springboot+VUE的在线学籍管理平台系统设计与实现(源码+数据库+文档)
java·数据库·vue.js·spring boot·后端·学习
数云界3 小时前
如何在 DAX 中计算多个周期的移动平均线
java·服务器·前端
阑梦清川4 小时前
Java继承、final/protected说明、super/this辨析
java·开发语言
小御姐@stella4 小时前
Vue 之组件插槽Slot用法(组件间通信一种方式)
前端·javascript·vue.js
快乐就好ya5 小时前
Java多线程
java·开发语言
IT学长编程5 小时前
计算机毕业设计 二手图书交易系统的设计与实现 Java实战项目 附源码+文档+视频讲解
java·spring boot·毕业设计·课程设计·毕业论文·计算机毕业设计选题·二手图书交易系统
CS_GaoMing5 小时前
Centos7 JDK 多版本管理与 Maven 构建问题和注意!
java·开发语言·maven·centos7·java多版本