当前位置：网站首页 > 热门文章 > 正文

Volar更名为 Vue-Official:这 3 大更新必须知道!!!

bigegpt 2024-10-17 08:03 4 浏览

Volar 正式更名为 Vue - Official！！！

Vue 官方语言工具 2.0 这个版本将 VS Code 插件名称从 Volar Language Features (Volar)改为了 Vue - Official，同时 TypeScript Vue Plugin 扩展也被弃用了。

让我们一起来看看带来了哪些新功能呢？

支持 Vue3.4 新特性

例如： Vue3.4 中增加了属性同名简写的的写法（PR#9451）：

html复制代码<!-- 原写法 -->
<img :id="id" :src="src" :alt="alt">
<MyComponent :data="data" />
<!-- 新写法 -->
<img :id :src :alt>
<MyComponent :data />

之前这么用的话，Volar 会报错，现在在 Vue - Official 中得到支持。

拖拽导入组件

支持通过鼠标拖拽来导入组件：

选择想要导入的组件，按住鼠标左键拖拽到想要引入的组件，Vscode 会提示按住 shift 放入编辑器中，按住 shift 后放开鼠标左键即可导入

TypeScript Vue Plugin 扩展弃用

已经更新的用户可以直接卸载 TypeScript Vue Plugin 插件了！！！

TypeScript 语言支持已从 Vue 语言服务器迁移至 TypeScript 插件，实现了所有 TypeScript 编辑器功能的集成。

TypeScript Vue Plugin（也就是此前的 Volar ts 版本）被弃用。现在所有功能都被合并入 Vue - Official 了

参考连接:

github.com/vuejs/langu…

作者：前端开发爱好者链接：https://juejin.cn/post/7348703569052614693

vscode更新

上一篇：从0撸一个 vscode 插件，来创建文件模板
下一篇：还记得那个提速8倍的IDEA插件吗?VS Code版本也发布啦

相关推荐

LangChain4j如何自定义文档转换器实现数据清洗?: LangChain4j提供了3种RAG（Retrieval-AugmentedGeneration，检索增强生成）实现，我们通常在原生或高级的RAG实现中，要对数据进行清洗，也就是将外接...

Java 8 Stream API 详解（java stream.）: Java8StreamAPI详解一、概述在Java8中，StreamAPI是一个重要的新特性。它为处理集合（如List、Set等）中的元素提供了一种高效且富有表现力的方式。Str...

Java修炼终极指南:185 使用 Stream 过滤嵌套集合: 这是面试中的一个经典问题，通常从一个模型开始，如下所示（我们假设集合是一个List）：publicclassAuthor{privatefinalStringname;pri...

java8的stream使用小示例（java stream()）: 据JetBrains发布的2021年开发者生态系统调查，Java8在java使用的版本中仍然是当前最流行的版本。72%的专业开发人员使用Java8作为其在java开发中主要编程语言版本。现...

Node.js Stream - 实战篇（node.js in action）: 本文转自“美团点评技术团队”http://tech.meituan.com/stream-in-action.html背景前面两篇（基础篇和进阶篇）主要介绍流的基本用法和原理，本篇从应用的角度，介...

Java Stream:集合处理的api（java 集合操作）: JavaStream流：高效集合处理的函数式编程利器一、什么是JavaStream？Java8引入的StreamAPI是一套用于处理集合数据的流式编程接口，通过函数式风格（无副作用的...

去除 List 中的重复元素，你知道几种实现方法?: 去除List中重复元素，这在实际编程或面试中经常遇到，每个人都有习惯的写法吧，这里抛砖引玉，汇总了一些实现方案，开拓思路。准备数据假设数组中有10个数据，可能有重复，需要将重复的数据从数组中去掉。pu...

Java开发者必看!Stream流式编程10个爆款技巧，让你代码优雅飞起: 为什么你的Java代码总像拧巴的麻绳？掌握这10个Stream实战技巧，代码效率与优雅度将产生质的飞跃。以下案例均来自真实电商系统场景，带你感受流式编程的降维打击！一、过滤与映射组合拳（Filter...

leetcode每日一题之存在重复元素（存在重复元素 iii）: 题：给定一个整数数组，判断是否存在重复元素。如果存在一值在数组中出现至少两次，函数返回true。如果数组中每个元素都不相同，则返回false。比如：输入:[1,2,3,1]输出:true...

告别for循环!揭秘Stream API如何让你的代码简洁度提升300%: 一、当传统循环遇上现代需求真实场景复现：某电商平台需要处理10万条订单数据，要求：筛选出金额>500的订单提取用户ID并去重统计VIP用户数量传统实现方案：//常规写法Set<Long...

Java中List去重的N种方法:从基础到优雅: Java中List去重的N种方法：从基础到优雅在日常的Java开发中，我们经常会遇到需要对List集合去重的情况。无论是为了清理重复的数据，还是为了优化算法性能，掌握多种去重方式都是一项非常实用的技能...

Java Stream流没用过?常用高频方法: 概念Stream流是Java8添加的以一种链式调用的方法处理数据，主要侧重于计算。具有以下相关特点代码简洁链式调用Stream常用方法1.将数组变为当作List操作String[]strArr=...

核医学专业名词索引(M-R)（核医学重点归纳）: M吗啡(morphia)埋藏式心律转复除颤器(implantablecardioverterdefibrillator,ICD)麦角骨化醇(VD2,calciferol)脉冲堆积(pulsepi...

CodeMeter 新版发布（codesigner下载）: 威步于2022年8月4日发布CodeMeter7.50及CodeMeter软件保护套装11.10，以下为新版内容。CodeMeterRuntime7.50StreamingSIMDExten...

世界上最小的五轴铣床Pocket NC（最小的五轴加工中心）: PocketNC，由MIT学生研制，还有说法是这款产品的设计者是来自美国蒙大拿州的一对极客夫妻。目前主要有两款产品：PocketNCV2-50，9000美元；PocketNCV2-10，60...

一周热门

最近发表

首页
收录
顶部