大家好,我是大澈!
本文约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后小伙。
-
文章主分享前后端功能问题实现、次分享技术资讯、实用干货。
-
遇到技术难题,在问答群里与众多同行朋友一起讨论成长。
关注微信公众号:"程序员大澈",免费加入问答群
,一起交流技术难题与未来!
现在关注公众号,免费送你 "前后端入行大礼包
" ,包含了:前后端面试题、面试技巧、简历模版、前后端学习路线图、前后端全技术栈学习笔记。