VS Code中如何将Vetur格式化空格从2个改为4个及配置文件位置查询

方式一：通过VSCode设置界面修改（无需查找本地配置文件） #

这是最便捷的修改方式，不需要手动定位配置文件：

• 打开VSCode设置面板：Windows/Linux按快捷键Ctrl+,，Mac按快捷键Cmd+,
• 在设置面板顶部的搜索框输入Vetur › Format › Options: Tab Size
• 将搜索结果对应的数值输入框内容从2修改为4，该修改默认全局生效，所有Vue项目使用Vetur格式化时都会应用4空格缩进规则
• 如果你只需要对当前项目生效，在修改前先切换设置面板顶部的标签到「工作区」，再修改上述数值，修改后会自动在当前项目根目录生成.vscode/settings.json文件存储项目专属配置

方式二：直接编辑本地配置文件 #

如果你需要手动修改配置文件，各系统的全局VSCode配置文件路径如下：

• Windows系统：C:\Users\你的系统用户名\AppData\Roaming\Code\User\settings.json
• Mac系统：~/Library/Application Support/Code/User/settings.json
• Linux系统：~/.config/Code/User/settings.json

如果只需要对单项目生效，直接编辑/新建项目根目录下的.vscode/settings.json文件即可。
在配置文件中添加以下配置项：

{
  "vetur.format.options.tabSize": 4,
  "vetur.format.options.useTabs": false
}

保存后配置即可生效。

生效校验说明 #

如果修改后未生效，可按以下步骤排查：

• 按Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac）唤起命令面板，输入「重载窗口」后回车，重载VSCode实例
• 若项目同时启用了Prettier作为格式化工具，Vetur会优先读取Prettier的缩进配置，需要同步修改Prettier的tabSize参数为4

内容的提问来源于stack exchange，提问作者Harvey Mushman