如何更改Visual Studio代码中的缩进？

Question

对于每个打字稿文件,visual studio代码使用8个空格的自动缩进.这对我来说有点太多了,但我无法找到改变它的地方.

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

Answer 1

在右下角的工具栏中,您将看到如下所示的项目: 单击它后,您将获得使用空格或制表符缩进的选项.选择缩进类型后,您可以选择更改缩进的大小.在上面的示例中,缩进设置为每个缩进4个空格字符.如果选择了tab作为缩进字符,那么您将看到Tab Size而不是Spaces

如果您希望将此应用于所有文件而不是基于个人文件,请根据您的需要覆盖用户设置或工作区设置中的Editor: Tab Size和Editor: Insert Spaces设置

Answer 2

您可以在全局User级别或Workspace级别更改此设置。

打开设置：使用快捷方式Ctrl ,或点击File> Preferences>Settings如下图所示。

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

1. 取消选中的复选框 Detect Indentation
2. 将标签大小更改为 2/4（虽然我强烈认为 2 对 JS 来说是正确的 :)）

Answer 3

要根据编程语言更改缩进,请遵循以下方法之一:

• 将其添加到您的设置(Ctrl+ ,):(
  TypeScript特定设置的示例):

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

要么

• Ctrl+ Shift+P
• 首选项:配置语言特定设置...(命令ID: workbench.action.configureLanguageBasedSettings)
• 选择编程语言
• 添加上面的代码.

另请参阅:VS Code Docs

Answer 4

editor.detectIndentation除了Elliot-J的答案之外,您可能还想将其设置为false.

如果VSCode 检测到文件具有不同的选项卡或空格缩进模式,则会覆盖每个文件的设置editor.tabSize和editor.insertSpaces设置.如果将现有文件添加到项目中,或者使用Angular Cli等代码生成器添加文件,则可能会遇到此问题.上述设置可防止VSCode执行此操作.

Answer 5

代码格式快捷方式:

Windows上的VSCode - Shift + Alt + F.

MacOS上的VSCode - Shift + Option + F.

Ubuntu上的VSCode - Ctrl + Shift + I.

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

用键盘选择列 Ctrl + Shift + Alt + Arrow

Answer 6

在我的情况下," EditorConfig for VS Code "扩展是覆盖VSCode设置.如果已安装,请检查项目根文件夹中的.editorconfig文件.

这是一个配置示例."indent_size"设置选项卡的空格数.

# 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

Answer 7

如何将 VS Code 中所有文件的 4 个空格缩进转换为 2 个空格

• 打开文件搜索
• 打开正则表达式
• ( {2})(?: {2})(\b|(?!=[,'";\.:\*\\\/\{\}\[\]\(\)]))在搜索栏中输入：
• $1在替换字段中输入：

如何将 VS Code 中所有文件中的 2 个空格缩进为 4 个空格

• 打开文件搜索
• 打开正则表达式
• ( {2})(\b|(?!=[,'";\.:\\*\\\/{\}\[\]\(\)]))在搜索栏中输入：
• $1$1在替换字段中输入：

注意：您必须先打开 PERL 正则表达式。这是如何：

• 打开设置并转到 JSON 文件
• 将以下内容添加到 JSON 文件中 "search.usePCRE2": true

希望有人看到这个。

Answer 8

为那些在 VS Code 中搜索“更改缩进”的人提供图片的简化解释

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

第 2 步：您要查找的设置是“检测缩进”，开始输入。单击“编辑器：标签大小”

第 3 步：向下滚动到“编辑器：标签大小”并输入 2（或您需要的任何内容）。

更改会自动保存

我的更改示例

Answer 9

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

"[typescript]": {
        "editor.defaultFormatter": "vscode.typescript-language-features",
        "editor.tabSize": 2,
        "editor.insertSpaces": true,
        "editor.detectIndentation":false
 }

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

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

Answer 10

在首选项中设置缩进并不总是解决方案。大多数情况下，缩进是正确的，除非您碰巧从其他来源复制了一些代码代码，或者您的同事为您制作了一些内容并且具有不同的设置。然后您只想快速将缩进从 2 转换为 4 或相反。

这就是这个 vscode 扩展为你做的

Answer 11

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

解决方案：运行Format Document以根据当前（新）设置重新处理文档。

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

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

问题：HTML 格式化程序不知道如何处理 Django 模板标签，并取消了我精心应用的大部分嵌套。

解决方案：安装Indent 4-2扩展，它严格执行缩进，不考虑当前的语言语法（这就是我想要的这种情况）。

Answer 12

第一步：settingns.json在vscode中打开

第 2 步：为编程语言添加如下行（示例如下）

对于打字稿和 javascript

"editor.detectIndentation": false,
"[typescript]": {
        "editor.defaultFormatter": "vscode.typescript-language-features",
        "editor.tabSize": 2,
        "editor.insertSpaces": true,
        "editor.detectIndentation":false
 },
"[javascript]": {
    "editor.tabSize": 2,
    "editor.insertSpaces": true,
    "editor.detectIndentation":false
}