Vue vscode 插件版本更新:写TS不需要装两个插件了
bigegpt 2024-10-17 08:03 5 浏览
今天打开vue项目的时候,弹出警告 The "TypeScript Vue Plugin (Volar)" extension is no longer needed in version 2.0. Please uninstall it. 然后发现vue插件前几天更新了,翻译过来记录一下,原文链接:
特性
- 混合模式
- Takeover 模式已弃用。扩展现在默认具有与 Takeover 模式相同的性能。
- 将 TypeScript 语言支持从 Vue 语言服务器移至 TypeScript 插件 (#3788)
- 集成了所有 TypeScript 编辑器功能
- 当内部 TypeScript 扩展被禁用或安装了 "TypeScript Vue Plugin" 扩展时发出警告
- 使用 TypeScript LanguageService 迁移到命名管道服务器 (#3908, #3916)
- 不再报告 typescript.tsdk 重复注册错误
- language-service: 在 TypeScript 插件中重新实现了组件标签语义令牌 (#3915)
- language-service: 在 TypeScript 插件中重新实现了自动导入补丁 (#3917)
- language-service: 在请求自动插入 .value 时确保 tsserver 准备就绪 (#3914)
- 升级到 Volar 2.0 和 2.1 (#3736, #3906)
- vscode: 扩展现在兼容 Volar Labs v2
- vscode: 移除了 volar.format.initialIndent 选项,替换为 3 个新选项:
- vue.format.template.initialIndent
- vue.format.script.initialIndent
- vue.format.style.initialIndent
- language-server: 不再支持 ignoreTriggerCharacters、reverseConfigFilePriority 和 fullCompletionList 选项
- 支持组件拖放导入 (#3692)
- tsc: 支持 vueCompilerOptions.extensions 选项 (#3800)
- language-core: 实现了与 Vue 3.4 类型变更的兼容 (#3860)
修复
- vscode: 防止在非 VS Code 编辑器中读取未定义的属性 (#3836)
- vscode: 防止使用 TS 文件激活扩展
- vscode: 更正了跟踪服务器 ID
- language-core: 为 defineModel 实现了 emit 代码生成 (#3895)
- language-core: 解决了与 Vue 2.7.16 过渡类型不兼容的问题 (#3882)
- language-core: 在 Angular 绑定中排除了 vue 指令语法注入 (#3891)
- component-type-helpers: 解决了 Vue 3.4.20 函数组件的推断问题
重构
- 将 "Volar Language Features (Volar)" 扩展重命名为 "Vue - Official"
- "TypeScript Vue Plugin" 扩展已弃用
- 将源脚本从 src 移至 lib (#3913)
- 将 typescript/lib/tsserverlibrary 导入替换为 typescript
- language-core: 基于 Generator 实现了代码生成 (#3778)
- language-core: 在单个虚拟文件中生成全局类型 (#3803)
- language-core: 实现了插件 API v2 (#3918)
- language-core: 在 markdown 文件中忽略嵌套代码块 (#3839)
- language-core: 移除了 experimentalAdditionalLanguageModules 和已弃用的 API (#3907)
- language-service: 使服务插件独立于项目上下文
- language-server: 不再支持 volar.config.js
- component-meta: 重命名了 API
- typescript-plugin: 将包重命名为 @vue/typescript-plugin (#3910)
- tsc: 基于第一方 TS API 重写,不再依赖 TypeScript 模块 (#3795)
- tsc: 弃用了钩子 API (#3793)
个人总结
这次改动对于使用 Volar 开发 Vue 应用的开发者来说影响颇大。首先,混合模式的引入和 Takeover 模式的弃用意味着开发者无需特别设置即可获得最佳性能,简化了配置过程。将 TypeScript 支持移到插件中,加上对 TypeScript 特性的全面集成,让开发者在使用 Vue 时能更流畅地使用 TypeScript,提高了开发效率。
Volar 升级到 2.0 和 2.1,带来的兼容性改进和新的格式化选项,使得代码的编写和维护变得更加便捷。特别是对于格式化配置的更新,现在开发的时候可以更细致地控制 Vue 文件中不同部分的格式化行为。另外,对组件拖放导入的支持,以及对 Vue 3.4 类型变化的兼容,都是针对现代 Vue 开发的实际需求做出的优化,提高了开发体验。
总的来说,这次更新让 Volar 在功能、性能和用户体验上都有了显著提升,对于 Vue 开发者来说是一次值得开心的改进。
作者:BrittanyZ
链接:https://juejin.cn/post/7342432361097871410
相关推荐
- 一条命令搞定pip国内镜像源设置(pip install 指定镜像)
-
玩python的同学想必没有不用pip的吧,pip是python包管理工具,和Nodejs的npm、Java的maven类似,这些依靠开源力量建立起的庞大软件库极大提高了开发的效率,不过默认pytho...
- Cadence Allegro在PCB中手动或者自动添加差分对属性
-
设计PCB过程中,若设计中有差分对信号,则需要将是差分的2个信号设置为差分对,设置差分对有2种方式:手动添加及自动添加一、手动添加差分对:1、点击Setup-Constraints-Constrain...
- 合亿 Gutab 三防|车载工业平板功能介绍,车载工业平板厂家推荐
-
在商用车队管理迈向智能化、特种车辆作业追求高效化的今天,车载工业平板早已突破传统“车载导航”的单一功能,成为连接车辆、司机与云端管理的核心枢纽。从物流运输的实时调度中枢,到矿山开采的无人驾驶控制器,再...
- 「探长分享-黑匣子」本田冠道 2020款
-
【品牌】探长360汽车黑匣子【产品型号】2TPro【安装车型】本田冠道2020款【功能特点】360全景安全辅助,行车录像,极致高清摄像头,模拟/数字高清/AHD多种信号格式输出,震动监控,一步标...
- 「探长分享-黑匣子」奥迪A6L 2019款
-
【品牌】探长360汽车黑匣子【产品型号】2TPro【安装车型】奥迪A6L2019款【功能特点】360全景安全辅助,行车录像,极致高清摄像头,模拟/数字高清/AHD多种信号格式输出,震动监控,一步...
- 探长360全景案例分享:奥迪Q7 2011款360全景效果展示
-
【品牌】DCT360汽车黑匣子【产品型号】3TPro【安装车型】奥迪Q72011款【功能特点】360全景安全辅助,四路行车录像,极致高清摄像头,模拟/数字高清/AHD多种信号格式输出,24小时停...
- 「探长分享-黑匣子」保时捷Cayenne 2015款
-
【品牌】探长360汽车黑匣子【产品型号】4TPro【安装车型】保时捷Cayenne2015款【功能特点】360全景安全辅助,四路行车录像,极致高清摄像头,模拟/数字高清/AHD多种信号格式输出,...
- 苍蝇再小也是肉,变态电路的大阳巧客S2差点难死大神
-
这台大阳巧客S2电动四轮车是我家第二台四轮俱全的篷车!哈哈!大阳巧客S2配置4.5Kw永磁同步电机,SVPWM矢量控制正弦波系统,车辆在加速、爬坡上性能有提升,效率高,操控灵敏。这台车前段时间刚更换了...
- 「探长分享-黑匣子」奥迪Q5L 2020款
-
360汽车黑匣子【产品型号】4TPro【安装车型】奥迪Q5L2020款【功能特点】360全景安全辅助,四路行车录像,极致高清摄像头,模拟/数字高清/AHD多种信号格式输出,24小时停车监控,一秒一...
- 「探长分享-黑匣子」丰田兰德酷路泽 2016款
-
【品牌】探长360汽车黑匣子【产品型号】3TPro【安装车型】丰田兰德酷路泽2016款【功能特点】360全景安全辅助,四路行车录像,极致高清摄像头,模拟/数字高清/AHD多种信号格式输出,24小...
- 驾驶室盲区是酿成重卡事故主因?后视系统:这个锅我不背
-
小时候家中长辈常常提醒:离大货车远一点!司机根本看不到你!早期的货车可能真的存在驾驶盲区,比如车辆正下方,因驾驶座过高,恰好是司机看不到的视野盲区。而如今的重卡在环视系统上已经非常完善,是否还存在驾驶...
- 前后双录,360 G580行车记录仪(360行车记录仪g580s)
-
相信每一位车主都会为爱车安装行车记录仪,行车记录仪的作用不仅能为交通事故还原证据,还能防止碰瓷。传统的单镜头行车记录仪只能拍摄车头方向的行车画面,如果遇到后方车辆故意碰瓷的事故时,没有监控和后摄画面则...
- 海康威视同轴录像机怎么使用,海康XVR配置说明
-
海康威视同轴录像机支持模拟、同轴以及数字IP摄像机接入,因此在使用多种类型摄像机、老久监控项目改造等场景广泛使用。首先,新录像机第一次使用需要设置管理密码激活,密码需由8-16位数字、小写字母、大写...
- 亿道三防2代工业级车载平板电脑震撼登场,农机矿车专用
-
亿道三防近日推出2024年全新2代车载平板电脑V12R,引领多项技术创新和升级,为农机、矿车等车载领域带来了超越期待与想象的震撼体验。V12R是一款从里到外,性能、功能全线拉满的工业级车载平板电脑!拥...
- 分析神州十八号返回舱内的摄像机最有可能是什么类型的摄像头
-
有没有发现,神州十八号返回舱内摄像机的图像虽然清晰度不是很高,但是画面非常干净,没有一点干扰,几乎看不到噪点。图像清晰度不高不太可能是镜头原因,很可能是图像传感器的分辨率比较低的原因,图像传感器分辨率...
- 一周热门
- 最近发表
- 标签列表
-
- mybatiscollection (79)
- mqtt服务器 (88)
- keyerror (78)
- c#map (65)
- resize函数 (64)
- xftp6 (83)
- bt搜索 (75)
- c#var (76)
- mybatis大于等于 (64)
- xcode-select (66)
- mysql授权 (74)
- 下载测试 (70)
- linuxlink (65)
- pythonwget (67)
- androidinclude (65)
- logstashinput (65)
- hadoop端口 (65)
- vue阻止冒泡 (67)
- oracle时间戳转换日期 (64)
- jquery跨域 (68)
- php写入文件 (73)
- kafkatools (66)
- mysql导出数据库 (66)
- jquery鼠标移入移出 (71)
- 取小数点后两位的函数 (73)