技术资讯:Volar正式更名为Vue-Official

大家好,我是大澈!

本文约700+字,整篇阅读大约需要1分钟。

关注微信公众号:“程序员大澈”,免费加入问答群,一起交流技术难题与未来!

现在关注公众号,免费送你 ”前后端入行大礼包“ ,包含了:前后端面试题、面试技巧、简历模版、前后端学习路线图、前后端全技术栈学习笔记。

1. 资讯速览

因为个人开发使用 IDEA 比较多,而 VSCode 相对用的少点了。

但就在前两天,我打开 VSCode 后,系统给我弹出来这么一个消息。

图片

关闭消息之后,紧接着又给我自动打开一个叫 Vue-Official 的插件主页。当时我看到还有点懵,想着这是个啥玩意,我也没记得自己安装过呀。

图片

于是,我打开所有插件一瞧,才发现我们Vue3旧语言工具 Volar 退了,一个更加强大的Volar升级版,Vue-Official 来了!

Volar 正式升级更名为 Vue-Official !

图片

2. 资讯详细

不多说废话,先简单列一下我们用得到的 Vue-Official 新特性,最后做小结。

2.1 Vue-Official新特性

支持通过鼠标拖拽来导入组件,告别手动引入!

操作步骤:按住鼠标左键,把组件拖拽到想要引入的地方,VSCode 会提示按住 shift 放入编辑器中,此时我们按 shift 并放开鼠标左键,即可自动导入组件。

图片

然后就是,全面支持 Vue 3.4 新语法特性。

例如:Vue3.4 中增加了属性同名简写的的写法,之前这么用的话,Volar 会报错,现在在 Vue-Official 中得到支持。

<!-- 原写法 -->
<List :data="data" />
<!-- 新写法 -->
<List :data />

2.2 小结

Vue3旧语言工具 Volar 退了,一个更加强大的Volar升级版,Vue-Official 来了!

Volar 正式升级更名为 Vue-Official !

看到这里的朋友们,赶快去把其它Volar伴生插件卸载掉,把新版用起来吧!

结语

  • 我是大澈,一个喜欢交朋友、喜欢分享、喜欢搞钱的90后小伙。

  • 文章主分享前后端功能问题实现、次分享技术资讯、实用干货。

  • 遇到技术难题,在问答群里与众多同行朋友一起讨论成长。

关注微信公众号:“程序员大澈”,免费加入问答群,一起交流技术难题与未来!

现在关注公众号,免费送你 ”前后端入行大礼包“ ,包含了:前后端面试题、面试技巧、简历模版、前后端学习路线图、前后端全技术栈学习笔记。

  • 10
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
@volar/vue-typescript是一个基于Vue.js和TypeScript的开发工具,它提供了一套用于在Vue项目中编写TypeScript代码的类型定义、代码提示和语法检查等功能。要在使用@volar/vue-typescript时进行代码检查,可以使用eslint工具以及相关配置文件。在项目中的.eslintrc.cjs文件中,可以配置eslint的规则和插件,以控制代码的质量和风格。此外,在vscode中的用户设置或工作区设置中,可以开启保存时自动格式化代码的功能,以确保代码的一致性和可读性。为了运行eslint检测脚本,可以添加lint:eslint脚本到package.json文件中,并通过运行npm run lint:eslint命令来进行代码检查。123 #### 引用[.reference_title] - *1* *3* [前端规范(一)之ESlint以及@antfu/eslint-config](https://blog.csdn.net/weixin_42424283/article/details/128806611)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}} ] [.reference_item] - *2* [TypeScript + Vue3.0 +volar Vue开发神器,制作一个step步进器案例](https://blog.csdn.net/qq_61876792/article/details/123644219)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序员大澈

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值