需要禁用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
勾选这个