Vue3语法插件Volar在vsCode中搜不到,Volar正式更名为Vue-Official

问题描述

今天拿Vue3的cli练手,之前用的语法插件是Vue2的Vetur,对于Vue3来说该插件不能完美匹配了,所以就想切换回Volar,结果万万没想到,找不着了???!!!


原因分析:

这是因为Volar正式更名为Vue-Official了


解决方案:

如果之前装过Volar插件的,其实不用担心,因为更名后的Vue-Official,它会自动给你将之前的覆盖掉,简而言之,壳子还是之前的壳子,更名后Vue-Official比之前的Volar升级了不少东西,例如某些新语法特性,之前的插件会报错,而更新后的插件不会了。

另外也它还支持通过鼠标拖拽来导入组件,自动将import的代码补充完整:

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

需要注意的是,安装这个插件时,当前工作区如果是V3的项目,还是要禁用Vetur以避免冲突。同理,要是工作区V2的,最好也禁用Vue-Official。
或者也可以使用禁用(工作区),例如你大部分项目都是V3的,只有一两个是V2的,那就只需要给V2的那一个项目上,给Vue-Official插件设置禁用(工作区 )就行了

相关推荐
Lary_Rock15 小时前
MTK SecureBoot全链路配置指南
前端·vscode·github
李剑一17 小时前
ant-design-vue 1.x 版本换肤功能开发
前端·vue.js·ant design
李明卫杭州17 小时前
Vue2 与 Vue3 自定义指令详解:钩子变化、迁移指南与实战示例
前端·javascript·vue.js
nicole bai19 小时前
vue 自定义模块内容
前端·javascript·vue.js
遇乐的果园21 小时前
前端学习笔记-vue列表处理
前端·vue.js·学习
天空'之城21 小时前
VS Code Git 工作树:告别频繁切分支,实现多分支并行开发实战方案
git·vscode·版本控制·嵌入式开发·开发效率·worktree·多分支管理
ss27321 小时前
Vue 完整版本发展史时间线(2013–2026)|版本迭代里程碑+核心特性对照表
前端·javascript·vue.js
AM艾玛1 天前
Flutter 环境搭建实录
vscode·flutter
英勇无比的消炎药1 天前
体积砍半、加载提速、请求不卡:TinyRobot 生产环境性能调优全攻略
vue.js
gis开发之家1 天前
《Vue3 从入门到大神32篇》Vue3 源码详解(二):从 GitHub Clone 到断点调试,手把手搭建源码阅读环境
vue.js·前端框架·github·vue3·vue3源码