Formatting 如何更改VisualStudio代码中的缩进？

对于每个类型脚本文件，VisualStudio代码使用8个空格的自动缩进。这对我的口味来说有点太多了，但我找不到改变它的地方

也许它可以作为一个设置，但使用不同的名称，因为我找不到任何与缩进相关的内容

更新

---

我目前正在使用and，它通过保存时自动格式化（如果没有语法错误）来解决所有格式化问题。

在右下角的工具栏中，您将看到一个如下所示的项目： 单击它之后，您将获得使用空格或制表符缩进的选项。选择缩进类型后，您可以选择更改缩进的大小。在上述示例中，缩进设置为每个缩进4个空格字符。如果选择tab作为缩进字符，则您将看到选项卡大小，而不是空格

如果要将此设置应用于所有文件而不是单个文件，请根据需要在用户设置或工作区设置中覆盖

编辑器：选项卡大小

和

编辑器：插入空格

设置

编辑1

---

要获取您的用户或工作区设置，请转到首选项->设置。根据需要验证您是否在用户或工作区选项卡上，并使用搜索栏查找设置。您可能还想禁用

编辑器：检测缩进

，因为此设置将覆盖您为

编辑器：插入空格

和

编辑器：制表符大小

设置的设置，当它启用时

根据编程语言更改缩进：

打开命令调色板（CtrlShiftP | macOS:⇧⌘（P）

首选项：配置特定于语言的设置。。。（命令id:

workbench.action.configureLanguageBasedSettings

）

选择编程语言（例如TypeScript）

添加此代码：

"[typescript]": {
    "editor.tabSize": 2
}

---

除了Elliot-J的答案外，您可能还希望将

编辑器.detectIndentation

设置为false

如果VSCode检测到文件具有不同的选项卡或空格缩进模式，则VSCode将覆盖每个文件的

编辑器.tabSize

和

编辑器.insertSpaces

设置。如果将现有文件添加到项目中，或者使用代码生成器（如Angular Cli）添加文件，则可能会遇到此问题。上述设置阻止VSCode执行此操作。

在我的情况下，“”扩展将覆盖VSCode设置。 如果已安装，请检查项目根文件夹中的.editorconfig文件

下面是一个配置示例。“缩进大小”设置选项卡的空格数

# editorconfig.org
root = true

[*]
indent_style = space
indent_size = 4
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true

[*.md]
trim_trailing_whitespace = false

---

代码格式快捷方式：

Windows上的VSCode-Shift+Alt+F

MacOS上的VSCode-Shift+Option+F

Ubuntu上的VSCode-Ctrl+Shift+I

如果需要，还可以使用首选项设置自定义此快捷方式

使用键盘选择列

---

Ctrl+Shift+Alt+Arrow

我想将现有HTML文件的缩进从4个空格更改为2个空格

我单击了状态栏中的“Spaces:4”按钮，并在下一个对话框中将它们更改为两个

我使用“vim”扩展名。我不知道没有vim如何重新缩进

为了重新缩进当前文件，我使用了以下方法：

gg

=

G

---

添加：是的，您可以使用右下角的UI配置空间设置。但是，如果现有代码未格式化为新的间距，则可以右键单击文件中的任意位置，然后单击“格式化文档”。我花了一段时间才弄明白这一点，直到我无意中发现

---

问题：接受的答案实际上并不能修复当前文档中的缩进

解决方案：运行

格式化文档

，根据当前（新）设置重新处理文档

问题：我的项目中的HTML文档的类型是“Django HTML”而不是“HTML”，并且没有可用的格式化程序

解决方案：将它们切换到语法“HTML”，格式化它们，然后切换回“Django HTML”

问题：HTML格式化程序不知道如何处理Django模板标记，并且破坏了我仔细应用的嵌套

---

解决方案：安装扩展，它严格执行缩进，而不考虑当前的语言语法（这是我在本例中想要的）。

要将所有现有文件和新文件的空格标识设置为2，只需将其放入settingns.json中（在json的根目录中）：

您可以添加配置的语言类型：

"[javascript]": {
    "editor.tabSize": 2,
    "editor.insertSpaces": true,
    "editor.detectIndentation":false
} 

---

谷歌搜索“在VS代码中更改缩进”的用户的简化解释和图片

步骤1：单击首选项>设置

步骤2：您要查找的设置是“检测缩进”，开始键入该设置。单击“编辑器：选项卡大小”

第3步：向下滚动至“编辑器：选项卡大小”并键入2（或您需要的任何内容）。

---

更改将自动保存

我的更改示例

---

您可以在全局

用户级别或
工作区
级别更改此设置

打开设置：使用快捷键Ctrl，或单击
文件
首选项
设置
，如下所示


然后，执行以下两项更改：（在搜索栏中键入
tabSize
）

取消选中
检测缩进的复选框
将选项卡大小更改为2/4（尽管我强烈认为2对于JS:）是正确的）
如何将VS代码中所有文件中的4个空格缩进变为2个空格


打开文件搜索
启用正则表达式
输入：
（{2}）（？：{2}）（\b|（？！=[，'“；\。：\*\\/\{\}\[\]\(\
"[javascript]": {
    "editor.tabSize": 2,
    "editor.insertSpaces": true,
    "editor.detectIndentation":false
}