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

相关推荐
chinxue20085 分钟前
VSCODE使用vivado
ide·vscode·fpga开发·编辑器
jimy128 分钟前
本地下载vscode server安装包(tar.gz)然后上传至服务器开发机
服务器·ide·vscode
匆匆整棹还1 小时前
vscode突然无法连接远程服务器问题
服务器·vscode
小代码20161 小时前
ubuntu vscode docker php 环境搭建
vscode·ubuntu·docker·php·laravel
老华带你飞1 小时前
婚纱摄影网站|基于java + vue婚纱摄影网站系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot
thulium_1 小时前
vscode 使用
ide·vscode·编辑器
幽络源小助理2 小时前
SpringBoot+Vue数字科技风险报告管理系统源码 | Java项目免费下载 – 幽络源
java·vue.js·spring boot
2301_789015622 小时前
C++:set/multiset和map/multimap文档详细解析
c语言·开发语言·c++·vscode·排序算法·set·map
emem.2 小时前
【超详细】VSCode连接GitHub全攻略:上传/克隆代码一步到位
ide·vscode·github
彭石榴2 小时前
github copilot学生认证教程,免费使用两年Copilot Pro!!(避免踩坑版)
vscode·github·copilot