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插件设置禁用(工作区 )就行了

相关推荐
军军君0116 小时前
数字孪生监控大屏实战模板:云数据中心展示平台
前端·javascript·vue.js·typescript·前端框架·es6·echarts
小堃学编程17 小时前
【项目实战】基于protobuf的发布订阅式消息队列(4)—— 服务端
c语言·c++·vscode·消息队列·gtest·protobuf·muduo
今晚务必早点睡18 小时前
Ubuntu 部署 RuoYi-Vue-FastAPI 完整实战指南(含踩坑总结)
vue.js·ubuntu·fastapi
前端那点事18 小时前
Vue keep-alive 原理全解析(Vue2+Vue3适配)
vue.js
MXN_小南学前端18 小时前
Vue 视频上传实战:视频预览、MediaRecorder 压缩与自定义上传
前端·vue.js
吴声子夜歌19 小时前
Vue3——使用Vue Router实现路由
前端·javascript·vue.js·vue-router
CDwenhuohuo19 小时前
小程序全局使用api
javascript·vue.js·小程序
蜡台19 小时前
VUE node EPERM: operation not permitted, unlink 错误
前端·javascript·vue.js
|晴 天|19 小时前
AI智能助手功能实现
前端·vue.js·人工智能
晴天丨20 小时前
🔔 如何实现一个优雅的通知中心?(Vue 3 + 消息队列实战)
前端·vue.js