vue3 vscode插件volar配置

需要禁用vetur,否则可能会有很多冲突,vue2用vetur,vue3用volar

1.关闭远程服务

这三个服务需要关闭,否则经常请求半天,只看英文的意思是跟踪联系,暂时不知道这几个服务的具体作用,不过关闭后不影响volar的正常使用,vscode左下角齿轮>设置>搜索volar
在这里插入图片描述

2.拆分编辑器

volar一个很有用的效果就是点击这个图标,可以vue文件左右拆分,并自动折叠template、script、style标签,实际上它可以进行一些更细致的设置
在这里插入图片描述

设置快捷键

vscode左下角齿轮>键盘快捷方式>搜索volar>命令id为volar.action.splitEditors,设置一个顺手的快捷键,这样就不用每次点击图标了在这里插入图片描述

设置左右折叠的标签

vscode左下角齿轮>设置>搜索settings.json,加入

  
	// 左侧不折叠的标签,其余标签会折叠
	"volar.splitEditors.layout.left": [
		"template",
		"script",
		"scriptSetup",
	],
	// 右侧不折叠的标签,其余标签会折叠
	"volar.splitEditors.layout.right": [
		"styles",
		"customBlocks"
	],

3.ref自动补全.value

勾选这个
在这里插入图片描述