volar插件总显示$event情况

最新推荐文章于 2024-02-15 16:19:27 发布
最新推荐文章于 2024-02-15 16:19:27 发布
阅读量528 收藏 1
点赞数 2
分类专栏： 前端 文章标签： vscode ide 编辑器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ee_11eeeeee/article/details/129432246
版权
在VSCode中安装Volar插件后，保存代码时可能会遇到$event自动转换为>$event的情况。为了解决这个问题，用户可以进入设置，搜索showinlay，取消相关选项的勾选，或者直接在settings.json文件中添加配置volar.inlayHints.eventArgumentInInlineHandlers:false来禁用这一特性。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

vscode安装volar插件后，编码保存后总是出现$event=>情况
在这里插入图片描述

打开【设置】，输入show inlay后，将画框处打勾取消即可，或者，你也可以在 vscode 的 setting.json文件加入以下配置
“volar.inlayHints.eventArgumentInInlineHandlers”: false
在这里插入图片描述

Vue3+script setup+ts+Vite+Volar搭建项目
rdl111的博客
03-21 1394
目录 使用 Vite 创建 vue + ts 项目 Vue 3 的三种语法 Option API Composition API script setup（Composition API 的语法糖） 安装 Volar 结尾 好久没有写了，最近看到Vue3.2 发布了，害，又要开始卷了么。 其实我自己本身还没有使用过Vue3 做过实际的项目开发，然鹅又出新东西了……， 新时代农民工真的是左手工作，右手游戏，还要用jio去学习呢。 什么？ 你说谈对象？ xswl，我特么一个农民工
qt 插件化开发实例
进化之路
01-23 699
qt 插件化架构实例
vscode 插件 volar
05-07
vscode 插件 volar
vscode volar版本更新后出现$event
weixin_45012670的博客
03-01 848
vscode volar版本更新后出现$event
vscode 版本更新后出现$event
qq_42786138的博客
04-05 243
文件>首选项>设置去掉勾选。
解决“volar.inlayHints.eventArgumentInInlineHandlers“: false` to hide Event Argument in Inline Handl
爱蹦哒的咸鱼的博客
02-24 1692
解决"volar.inlayHints.eventArgumentInInlineHandlers": false` to hide Event Argument in Inline Handl
解决 Set `“volar.inlayHints.eventArgumentInInlineHandlers“: false` to hide Event Argument in Inline的问题
weixin_52465240的博客
04-08 482
解决 vue3中显示$event()=>的问题
搭配 TypeScript 使用 Vue​
愿你走过半生，归来任是少年。
05-05 2329
【代码】搭配 TypeScript 使用 Vue​。
uniapp开发微信小程序
weixin_43952341的博客
02-15 2317
pages.json配置easycom “custom”// 以 Xxx 开头的组件，在 components 文件夹中查找引入（需要重启服务器） "^Xxx(.*)" : "@/components/Xtx$1.vue"配置类型声明，创建components.d.ts(统一放到types文件夹下)// 组件实例类型。
vs code vue3扩展
最新发布
02-09
这些工具不仅能够提供语法高亮显示和支持 Volar 这样的官方推荐插件，还能增强代码补全功能并集成其他实用特性。 #### 官方支持的 Volar 插件 Vite 和 Vue 团队共同维护了一个名为 **Volar** 的 TypeScript/Vue ...
解决 Set `“volar.inlayHints. eventArgumentInInlineHandlers“: false`...的问题
前端很杂，故名前端杂货铺 —— coderkey
03-07 4126
在vscode上开发vue3项目，模板写函数事件老是出现。在内联处理程序中隐藏事件参数。上面翻译过来就是：设置。
前端代码格式化VSCode，插件Volar，配置默认格式化程序
weixin_46037781的博客
02-15 2万+
一、概述 vscode复制代码十分乱格式，但是需要搭配一个好的格式化程序（插件），这里选择Volar（一个标签属性多了就会帮你自动换行。就很棒） 二、使用 可以看到有两个Volar（Vue2选择下面的） Ctrl+Shift+F（格式化快捷键） 配置默认（第一次选错了，通过这个操作重新配【爬坑的难受┭┮﹏┭┮】） ...
安装了Volar插件vue文件没有显示Volar的图标
EchoLiner的博客
04-29 2902
备注：如果遇到语法无法高亮，应该把相关vue的插件都卸载了，重新安装这个插件即可。推荐使用Volar来替换Vetur。
解决 VSCode 中组件输入点击事件 @click 后自动弹出“$event =＞” 的问题
weixin_44566194的博客
02-24 7965
关闭VSCode编辑器的启用内联提示。关闭了“$event =>”的提示。解决"volar.inlayHints.eventArgumentInInlineHandlers": false` to hide Event Argument in Inline Handlers
vsCode的@click方法显示一个“$event=＞“ Set `“volar.inlayHints.eventArgumentInInlineHandlers“: false`
qq_51055690的博客
03-07 1672
Set `"volar.inlayHints.eventArgumentInInlineHandlers": false` to hide Event
VSCode修改配置（设置settings.json）汇总
热门推荐
cyqzy的博客
04-07 4万+
VSCode修改配置（设置settings.json）汇总
vscode编辑器隐藏事件处理程序中的事件参数
胡思乱想的程序员
06-07 354
这个提示是来自 VS Code 的设置，意思是将 “volar.inlayHints.eventArgumentInInlineHandlers”: false 这个设置项设为 true,可以隐藏事件处理程序中的事件参数。如果你不需要显示事件参数，可以将该设置项设为 true。如果你需要显示事件参数，则可以将其设为 false。
vscode出现event=＞的取消
qq_41306452的博客
03-08 604
ts出现这种提示的时候可以在vscode的设置>设置 的输入框中输入eventArgument搜索，然后将对勾去掉就不会显示了
取消 vscode 的代码补全（代码提示）的方法
jiangjunyuan168的博客
09-20 1万+
1、首先在vscode左下角找到设置图标，然后找到设置（或者直接 ctrl+, ） 2、打开以后找到 文本编辑器 --> 建议，这里的建议就是指提示代码的建议，我们根据自己的需要将右侧显示的建议取消勾选即可，取消勾选后就不会进行代码提示了。
vue3安装Volar插件
12-26
在 Vue3 中安装 Volar 插件主要用于提升 TypeScript 的开发体验，特别是在 Vue 项目中。Volar 是由官方维护的一个 Vue 3 的静态类型检查工具，它可以提供自动补全、类型提示以及更好的 IDE 整合。 以下是安装 Volar 的步骤： 1. **确保已安装 Node.js**：因为 Volar 是基于 Node.js 的包，所以首先需要有 Node.js 环境。 2. **打开终端或命令提示符**，进入你的 Vue 项目根目录。 3. 使用 npm 或 yarn 来安装 Volar 和相关依赖： ```bash # 如果你是使用 npm npm install volar typescript @vue/cli-plugin-volar --save-dev # 如果你是使用 yarn yarn add volar typescript @vue/cli-plugin-volar --dev ``` 4. **安装完成后**，还需要在 Vue CLI 的配置文件 `vite.config.ts` 或者 `vue.config.js`（取决于你的项目配置）中启用 Volar 插件。如果是 Vite 项目，可以在 `vite.config.ts` 中添加： ```ts import { defineConfig } from 'vite'; import Volar from '@volar/vue'; export default defineConfig({ plugins: [Volar()] }); ``` 如果是 Vue CLI 3.x，应在 `vue.config.js` 添加： ```js module.exports = { configureWebpack: { plugins: [ new Volar() ] } }; ``` 5. **重启项目**，Volar 就会被加载并开始提供类型检查功能了。 记得更新你的 TypeScript 编辑器设置（如 VSCode），以充分利用 Volar 提供的功能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值