如何在 VS Code 中为某语言单独设置缩进的空格数

Why

前端开发写 HTML 经常会遇到很长的标签还有大量的嵌套块，而 VS Code 默认的缩进（tab制表符）长度等于 4 个空格，很容易让代码跑到屏幕外边去（超出行宽），使得可读性有所下降，因此最好将 HTML 缩进长度单独设置成 2 空格，而其他语言的缩进长度还是默认的 4 空格不变。

How to do

快捷键 CTRL + Shift + P，输入 open user settings，打开设置（json），在配置文件末尾（最后一个 } 之前），添加如下代码：

1
2
3
4
,
"[html]": {
    "editor.tabSize": 2
}

注意：
新添加的部分前面有一个逗号,，这是因为在 JSON 中，每个元素都需要用逗号分隔；
如果还需要添加其他语言，可以再用类似上面的格式进行配置，但不能将多个语言放在同一个方括号中。

image.png

如果需要配置远程 SSH 服务器的缩进空格数，则需要另外选择设置配置文件进行修改：快捷键 CTRL + , 打开设置，选择远程设置，然后点击右上角的看起来像一个页面被翻过来的样子的图标：

image-1.png

进入设置文件后添加相应的设置即可：

image-2.png