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

对于每一个typescript文件，visual studio代码使用8个空格的自动缩进。这对我来说有点过了，但我找不到可以改变它的地方。

也许它可以作为一个设置，但名称不同，因为我找不到与缩进有关的东西。

更新

我目前正在使用Prettier code formatter，它可以解决所有的格式化问题，在保存时自动格式化（如果没有语法错误）。

HMR
已编辑的问题 21日 十一月 2019 в 9:19
编程
formatting visual-studio-code
9日 十二月 2015 в 8:40
34 种观点
解决办法

在右下角的工具栏中，你会看到一个项目，看起来像下面这样。！[在此输入图片描述][1] 。 点击它之后，你会得到一个选项，可以使用空格或制表符缩进。在选择了缩进类型后，你将有选项来改变缩进的大小。在上面的例子中，缩进被设置为每次缩进4个空格字符。如果选择制表符作为缩进字符，你将看到制表符大小，而不是空格。

如果你想让它适用于所有的文件，而不是在个别文件的基础上，请覆盖 "编辑器。Tab Size "和 "Editor: Insert Spaces "设置在用户设置或工作区设置，取决于你的需要。

编辑1

要进入你的用户或工作区设置，请进入首选项 -> 设置。确认你是在用户或工作区标签上，这取决于你的需要，并使用搜索栏来定位设置。你可能还想禁用 "编辑器。检测缩进"，因为这个设置将覆盖你为 "编辑器：插入空格 "和 "编辑器：制表符大小 "所做的设置。选项卡大小"，当它被启用时

elliot-j
编辑本段答案2日 十月 2019 в 4:29
评论(12)

要改变缩进，基于编程语言。

1.打开命令调色板（Ctrl+Shift+P ) 2.首选项。配置特定的语言设置... (命令id: workbench.action.configureLanguageBasedSettings) 3.选择编程语言（例如TypeScript）。 4.4. 添加这段代码。

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

另见：VS代码文档

Martin Schneider
编辑本段答案25日 七月 2019 в 3:05
评论(2)

除了Elliot-J'的回答之外，你可能还想把editor.detectIndentation设置为false。

如果VSCode检测到一个文件有不同的制表符或空格缩进模式，它将覆盖你的editor.tabSize和editor.insertSpaces设置。 如果你把现有的文件添加到你的项目中，或者你使用代码生成器（如Angular Cli）添加文件，你就会遇到这个问题。 上述设置可以防止VSCode这样做。

评论(0)

代码格式化快捷方式。

Windows上的VSCode - Shift + Alt + F。

MacOS上的VSCode - Shift + Option + F

Ubuntu上的VSCode - Ctrl + Shift + I

如果需要，您还可以使用偏好设置自定义此快捷方式。

用键盘选择列 Ctrl + Shift + Alt + Arrow</kbd&gt。

Sujatha Girijala
编辑本段答案27日 十二月 2018 в 9:41
评论(1)

在我的例子中，"[EditorConfig for VS Code][1]" 扩展是覆盖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

[1]: https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig

Grazerbeam
编辑本段答案20日 八月 2018 в 12:55
评论(0)

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

解决方法：运行 "格式化文档"，按照当前（新）设置重新处理文档。 运行 "格式化文档"，根据当前（新）设置重新处理文档。

问题：在我的项目中，HTML文档的类型是 "类型"。 我的项目中的HTML文档的类型是"Django HTML" 而不是"HTML" 而且没有可用的格式器。

解决方法：把它们换成语法"Django HTML"而不是"HTML"。 将它们切换到语法"HTML"，然后格式化，再切换回"Django HTML.&quot。

的问题。 HTML格式化器不知道如何处理Django模板标签，并撤销了我精心应用的许多嵌套。

解决方法：安装[缩进4-2]。 安装[Indent 4-2][1]扩展，它可以严格执行缩进，而不考虑当前的语言语法（这正是我想要的）。

[1]: https://marketplace.visualstudio.com/items?itemName=Compulim.indent4to2

评论(0)

要将所有现有文件和新文件的空间标识设置为2，只需将其放在setns.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
}
评论(2)

我想把我*现有的HTML文件的缩进从4个空格改为2个空格。

我点击了'空格。 4' 按钮，并在下一个对话框中把它们改为两个。

我使用的是'vim' 扩展。 我不'没有vim如何重新缩进。

为了重新缩进我当前的文件，我用了这个方法。

gg

=

G
评论(0)

简化的解释与图片，为那些谷歌"改变VS代码的缩进&quot。

步骤1: 点击首选项> 设置

[！[在此输入图像描述][1]][1]

步骤2。 你要找的设置是"检测压痕"，开始输入。 点击"编辑器。 Tab Size"。

[！[在此输入图片描述][3]][3] 。

第三步。 向下滚动到"编辑器。 Tab Size" 并输入2（或任何你需要的）。

[![在此输入图片描述][4]][4]

<br&gt。

更改会自动保存

[！[在此输入图像描述][5]][5]

我的变化实例

[！[在此输入图像描述][6]][6]

[1]: https://i.stack.imgur.com/OQzVp.png [2]: https://i.stack.imgur.com/GKR4B.png [3]: https://i.stack.imgur.com/c0lUV.png [4]: https://i.stack.imgur.com/g1nen.png [5]: https://i.stack.imgur.com/VIrGt.png [6]: https://i.stack.imgur.com/PK5gn.png

JGallardo
编辑本段答案7日 十月 2019 в 3:09
评论(0)

添加上。 是的，你可以使用右下角的UI来配置空间设置。 但如果你有现有的代码，'没有格式化到新的间距，那么你可以右键单击文件内的任何地方，然后单击格式化文档。 我花了点时间才弄明白，直到我偶然发现这个问题。

格式文档菜单][1]

[1]: https://i.stack.imgur.com/rf3dc.png

评论(0)