idea 添加 vue 的语法支持

冷不防 2022-01-27 22:34 419阅读 0赞

**VUE的开发分两种，一种是直接在HTML文件中使用，一种是VUE文件的形式开发**

**1，首先我们先让 HTML 文件支持 VUE 的语法指令提示**

**2，File -> Setting -> Edit -> Inspections -> html**

![907781-20180720094357977-1310970708.png][]

**3，点击上图最右侧红框内的按钮，在弹框内输入一下内容，还可以根据自己的喜好，设置更多的提示**

1.  `@tap`
2.  `@tap.stop`
3.  `@tap.prevent`
4.  `@tap.once`
5.  `@click`
6.  `@click.stop`
7.  `@click.prevent`
8.  `@click.once`
9.  `@change`
10. `@change.lazy`
11. `@change.number`
12. `@change.trim`
13. `v-model`
14. `v-for`
15. `v-text`
16. `v-html`
17. `v-if`
18. `v-else-if`
19. `v-else`
20. `v-pre`
21. `v-once`
22. `v-bind`
23. `scoped`

**4，保存之后，打开一个HTML文件，我们可以看见代码提示支持已经有效了**

![907781-20180720094658393-457652319.png][]

**5，接下来我们让 .VUE 文件支持 HTML 语法和支持以上设置的代码提示**

**6，File -> setting -> Editor -> File Type -> HTML**

![907781-20180720094854147-524407881.png][]

**7，点击上图红框内的 绿色加号，写入 \*.vue, 保存之后，vue 文件就会以 html 文件的形式打开了**

![907781-20180720095015523-1110845377.png][]

**8、安装Vue.js插件**

[907781-20180720094357977-1310970708.png]: /images/20220128/70dfbdfd15e24a60937ec4f8f219c903.png
[907781-20180720094658393-457652319.png]: /images/20220128/76a0cbce1f72425c95ca6a36a065c45c.png
[907781-20180720094854147-524407881.png]: /images/20220128/a0151cdd50dd49babdb7464452864ed8.png
[907781-20180720095015523-1110845377.png]: /images/20220128/a17affa58eae4076a2e43de5a81a4125.png

发表评论取消回复

表情：

评论列表（有 0 条评论，419人围观）

还没有评论，来说两句吧...

相关阅读

相关 idea 无法识别vue3语法

问题描述： * 整合了vue3.js插件 * 能够识别到vue标准语法和html语法 * 第三方库的语法不支持原因因为没配置项目根路径，导致无...

你的名字/ 2024年04月20日 11:34/ 0 赞/ 92 阅读

相关 Springboot添加对jsp的支持-Idea

、pom配置 > <dependencies> > <!-- JSTL (JSP standard Tag Library) JSP 标准标签库...

亦凉/ 2024年04月17日 16:30/ 0 赞/ 75 阅读

相关让intellij idea 14 支持ES6语法

用eclipse做前端开发，用到了webpack，结果各种依赖导致软件卡的一比，简直不能动！虽然在同事的帮忙下，修改了一下配置，但仍然卡的没脾气。改用intellij idea

小咪咪/ 2024年02月18日 17:49/ 0 赞/ 75 阅读

相关设置Intellij Idea支持JS ES6语法

在使用箭头函数时，其实代码没有错误，而IDEA却提示报红了，作为强迫症看着很不舒服是因为IDEA在js语法校验时默认的是ES5（ECMAScript 5），这就需要在IDE

怼烎@/ 2023年10月07日 17:59/ 0 赞/ 15 阅读

相关 IDEA 设置 vue 支持开发

一、IntelliJ IDEA支持.vue文件安装vue.js file --> settings --> plugins，输入vue，点击搜索结果里的vue.js右

谁践踏了优雅/ 2023年09月30日 05:15/ 0 赞/ 5 阅读

相关【IntelliJ IDEA】idea支持vue文件，设置对vue的支持

本文目录一、idea支持.vue文件二、idea设置vue语法提示三、效果展示 -------------------- 一、idea支持.vue文件 >

你的名字/ 2023年01月14日 04:56/ 0 赞/ 241 阅读

相关 vue服务端渲染vue-server-render支持的模板语法

在vue ssr官方文档中，并没有一一说明渲染模板都支持那些语法。仅仅是简单的说了，支持 `{ {}}` 转义插值 `{ { {}}}` 插入HTML 如果想使

拼搏现实的明天。/ 2022年11月07日 14:31/ 0 赞/ 190 阅读

相关 Vue如何支持JSX语法

![在这里插入图片描述][471f8edb99ce41078b5f28c245735c60.png] 关于我在开发中遇到的这个问题，好像是JSX才支持的语法。通常开发

水深无声/ 2022年09月09日 00:14/ 0 赞/ 221 阅读

相关 idea支持创建vue文件

一、File->Settings,搜索"File" 将会打开File and Code Templates如下 ![watermark_type_ZmFuZ3poZW5naG

港控/mmm°/ 2022年03月30日 13:38/ 0 赞/ 299 阅读

相关 idea 添加 vue 的语法支持

VUE的开发分两种，一种是直接在HTML文件中使用，一种是VUE文件的形式开发 1，首先我们先让 HTML 文件支持 VUE 的语法指令提示 2，File -> Setti

冷不防/ 2022年01月27日 22:34/ 0 赞/ 420 阅读