我如何自定义制表符到空间的转换因子？

Posted 2023-02-27

使用Visual Studio Code时如何自定义制表符到空间转换因子？

例如，现在在html中，每次按TAB似乎会产生两个空格，但是在TypeScript中它会产生4。

答案

默认情况下，Visual Studio Code会根据您打开的文件尝试猜测您的缩进选项。

您可以通过"editor.detectIndentation": false关闭缩进猜测。

另一答案

在

VSC

版本1.31.1中或更高（我认为）。像sed

Alex Dima。您可以通过

另一答案

使用TypeScript时，默认选项卡宽度始终为2，无论工具栏中的宽度如何。您必须在用户设置中设置“ prettier.tabWidth”才能对其进行更改。

Ctrl

+ P

另一答案

如果此信息的接受答案无效，请尝试一下：

我在编辑器中安装了EditorConfig for Visual Studio Code，它一直覆盖我的用户设置，这些用户设置使用空格缩进文件。每次我在编辑器选项卡之间切换时，即使将缩进转换为空格，我的文件也会自动使用选项卡缩进！！！>

在卸载此扩展程序后，缩进在切换编辑器选项卡之间不再更改，并且我可以更加舒适地工作，而不必每次切换文件时都必须手动将选项卡转换为空格，这很痛苦。

另一答案

@@ alex-dima从2015年开始的解决方案将更改所有文件的标签大小和空格，而@Tricky从2016年开始的解决方案似乎仅更改当前文件的设置。

[自2017年起，我发现了另一种基于每种语言的解决方案。 Visual Studio Code没有为Elixir使用适当的选项卡大小或空间设置，因此我发现可以更改所有Elixir文件的设置。

我单击状态栏中的语言（在我的情况下为“ Elixir”，选择“配置基于'Elixir'语言的设置...”，并编辑了Elixir特定的语言设置。我只是从左侧的默认设置中复制了“ editor.tabSize”和“ editor.insertSpaces”设置（我很高兴显示了这些设置），然后在右侧对其进行了修改。

效果很好，现在所有Elixir语言文件都使用正确的选项卡大小和空间设置。

另一答案

菜单

文件

→首选项→设置

另一答案

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

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

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

另一答案

我试图将editor .tabSize更改为4，但是.editorConfig覆盖了我指定的任何设置，因此无需更改用户设置中的任何配置。您只需要编辑.editorConfig文件：

set indent_size = 4

另一答案

我必须像上面的答案一样进行许多设置编辑，所以我不知道经过大量修改后它是起作用的。在关闭我的IDE之前，什么都没有做，但是我做的最后三件事是禁用lonefy.vscode-js-css-html-formatter，"html.format.enable": true,并重新启动Visual Studio。

另一答案

User3550138是正确的。 lonefy.vscode-js-css-html-formatter会覆盖其他答案中提到的所有设置。但是，您不必禁用或卸载它，因为可以对其进行配置。

另一答案

我正在运行1.21版，但我认为这也可能适用于早期版本。

查看屏幕的右下角。您应该看到显示Spaces或Tab-Size的内容。

另一答案

如果您喜欢开发人员的方式，Visual Studio Code允许您为tabSize指定不同的文件类型。这是我的settings.json的示例，默认包含4个空格和javascript / JSON 2个空格：

// I want my default to be 4, but JS/JSON to be 2 "editor.tabSize": 4, "[javascript]": "editor.tabSize": 2 , "[json]": "editor.tabSize": 2 , // this one force the tab to be **space** "editor.insertSpaces": true

PS：嗯，如果您不知道如何打开此文件（特别是在新版本的vscode中，则可以：

另一答案

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

"editor.tabSize": 2, "editor.detectIndentation": false

另一答案

我们可以

通过文件类型控制选项卡的大小

用EditorConfig及其Visual Studio Code extension。然后，我们可以使

Alt + Shift

另一答案

如果您在vscode中使用更漂亮的扩展名，请尝试将其添加到settings.json文件中：

"editor.insertSpaces": false, "editor.tabSize": 4, "editor.detectIndentation": false, "prettier.tabWidth": 4, "prettier.useTabs": true // this made it finally work for me

另一答案

[您要确保您的editorconfig与您的用户或工作空间设置配置不冲突，因为我有点烦恼，认为当我的编辑器配置撤消那些更改时，没有应用设置文件设置。

另一答案

要怪lonefy.vscode-js-css-html-formatter。禁用它，然后安装HookyQR.beautify。

另一答案

在右下角，您有空格：Spaces: 2

您可以根据需要更改缩进：Indentation Options