技术资讯: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 中得到支持。

html 复制代码
<!-- 原写法 -->
<List :data="data" />
<!-- 新写法 -->
<List :data />

2.2 小结

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

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

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

结语

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

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

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

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

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

相关推荐
zhensherlock2 小时前
Protocol Launcher 系列:Working Copy 文件操作与高级命令详解
javascript·git·typescript·node.js·自动化·github·js
龙猫里的小梅啊11 小时前
CSS(四)CSS文本属性
前端·css
MXN_小南学前端11 小时前
watch详解:与computed 对比以及 Vue2 / Vue3 区别
前端·javascript·vue.js
2601_9498146912 小时前
Docker部署Spring Boot + Vue项目
vue.js·spring boot·docker
Mr Xu_12 小时前
从后端数据到前端图表:深入解析 reduce 与 flatMap 的数据整形实战
前端·javascript
喜欢吃鱿鱼14 小时前
DES加解密(附带解决转义问题)-VUE
开发语言·前端·javascript
Lkstar14 小时前
逐步搞懂 Vue 的 patchChildren,把 Diff 算法拆给你看
vue.js
Jenlybein14 小时前
速学 VS Code 插件开发入门,客制化你的开发体验
前端·javascript·visual studio code
ZC跨境爬虫15 小时前
UI前端美化技能提升日志day7:(原生苹方字体全局适配+合规页脚完整像素级落地)
前端·javascript·ui·html·交互
好运的阿财15 小时前
OpenClaw工具拆解之tts+web_search
前端·javascript·python·ai·ai编程·openclaw·openclaw工具