如何让VSCode现有缩进视觉显示为其他尺寸且不修改文档？

你可以通过VSCode原生设置实现需求，全程不会改动文件内容，具体操作如下：

• 打开VSCode设置面板（快捷键：Windows/Linux用Ctrl+,，Mac用Cmd+,）
• 点击设置界面右上角的「打开设置(JSON)」图标（花括号样式）
• 在settings.json中添加针对JavaScript文件的配置：

"[javascript]": {
    "editor.tabSize": 4,
    "editor.detectIndentation": false
}

• 保存设置即可生效

原理说明 #

• editor.tabSize控制的是每个缩进级别在编辑器中的显示宽度，设置为4后，文件里的2空格缩进（一个缩进级别）会被渲染成4空格的视觉宽度
• editor.detectIndentation设为false，是为了阻止VSCode自动识别文件实际缩进并覆盖你的设置，确保始终按你指定的宽度显示缩进

如果需要临时切换显示效果，也可以点击VSCode底部状态栏的缩进指示器（比如显示"2"的区域），选择「Indent Using Spaces」后输入4，同样能临时生效且不修改文件。

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