如何自定义制表符到空格的转换因子?

在使用Visual Studio代码时，如何自定义制表符到空格的转换因子?

例如，现在在HTML中，每次按TAB键会产生两个空格，但在TypeScript中会产生4个空格。

当前回答

在Visual Studio Code版本1.31.1或更高版本中(我认为):像sed Alex Dima一样，您可以通过这些设置轻松地自定义

Windows菜单中的文件→首选项→用户设置或使用短键Ctrl + Shift + P Mac在菜单代码→首选项→设置或⌘，

其他回答

当使用TypeScript时，默认的选项卡宽度总是2，不管它在工具栏中说什么。你必须设置“更漂亮”。tabWidth"在你的用户设置中更改它。

Ctrl + P，输入→用户设置，添加:

"prettier.tabWidth": 4

我们可以用EditorConfig和它的EditorConfig for VS Code扩展来控制文件类型的选项卡大小。然后，我们可以对每种文件类型使用Alt + Shift + F。

安装

用CTRL + P打开VS Code命令面板并粘贴如下:

ext install EditorConfig

示例配置

editorconfig。

[*]
indent_style = space

[*.{js,ts,json}]
indent_size = 2

[*.java]
indent_size = 4

[*.go]
indent_style = tab

settings.json

EditorConfig覆盖任何设置。Json为编辑器配置。不需要更改editor.detectIndentation。

默认情况下，Visual Studio Code自动检测当前打开文件的缩进。如果您想关闭此功能并使所有缩进，例如，两个空格，您可以在用户设置或工作区设置中执行以下操作。

{
    "editor.tabSize": 2,

    "editor.detectIndentation": false
}

如果这是针对Angular 2的，并且CLI正在生成你想要不同格式的文件，你可以编辑这些文件来改变生成的内容:

npm_modules/@angular/cli/blueprints/component/files/__path__/*

不推荐大量的npm更新，因为它会删除你的工作，但它为我节省了很多时间。

我试着换编辑器。tabSize改为4，但是. editorconfig将覆盖我所指定的任何设置，因此不需要更改用户设置中的任何配置。你只需要编辑.editorConfig文件:

set indent_size = 4

推荐文章