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即可

相关推荐
颜如玉24 分钟前
🤲🏻🤲🏻🤲🏻临时重定向一定要能重定向🤲🏻🤲🏻🤲🏻
java·http·源码
程序员的世界你不懂2 小时前
【Flask】测试平台开发,新增说明书编写和展示功能 第二十三篇
java·前端·数据库
星空寻流年2 小时前
设计模式第一章(建造者模式)
java·设计模式·建造者模式
索迪迈科技2 小时前
网络请求库——Axios库深度解析
前端·网络·vue.js·北京百思可瑞教育·百思可瑞教育
gb42152872 小时前
java中将租户ID包装为JSQLParser的StringValue表达式对象,JSQLParser指的是?
java·开发语言·python
曾经的三心草3 小时前
Python2-工具安装使用-anaconda-jupyter-PyCharm-Matplotlib
android·java·服务器
Metaphor6923 小时前
Java 高效处理 Word 文档:查找并替换文本的全面指南
java·经验分享·word
ChinaRainbowSea3 小时前
7. LangChain4j + 记忆缓存详细说明
java·数据库·redis·后端·缓存·langchain·ai编程
stormsha3 小时前
飞算JavaAI炫技赛电商系统商品管理模块的架构设计与实现
java·架构·鸿蒙系统
minh_coo3 小时前
Spring框架事件驱动架构核心注解之@EventListener
java·后端·spring·架构·intellij-idea