Visual Studio代码中的选项卡空格

Question

我正在撰写typescript和html个文件，标签变为空格。这是我第一次使用Visual Studio Code。

我尝试更改设置并重新启动，但没有任何改变。

我配置的设置：

// Place your settings in this file to overwrite default and user settings.
{
    "editor.insertSpaces": false
}

我尝试谷歌它，我发现当我将insertSpaces添加到true时我做了正确的步骤，但它没有改变我的偏好......

编辑1：

我发现这些标签适用于html个文件，但不适用于ts个文件......

Answer 1

有3种选择：

// The number of spaces a tab is equal to.
"editor.tabSize": 4,

// Insert spaces when pressing Tab.
"editor.insertSpaces": true,

// When opening a file, `editor.tabSize` and `editor.insertSpaces` will be detected based on the file contents.
"editor.detectIndentation": true

editor.detectIndentation会从您的文件中检测到它，您必须将其禁用。 如果它没有帮助，请检查您没有更高优先级的设置。 例如，当您将其保存到用户设置时，它可能会被项目文件夹中的工作区设置覆盖。

<强>更新
现在您可以手动编辑这些选项。
点击编辑器右下角的选择器空格：4 ：

如果要将现有ws转换为制表符，请从Marketplace 中安装扩展程序 修改
要将现有缩进从空格转换为标签，请点击Ctrl+Shift+P并输入：

>Convert indentation to Tabs

这将根据已定义的设置更改文档的缩进。

Answer 2

要更改标签设置，请单击vscode窗口右下方状态栏中Ln / Col文本右侧的文本区域。

名称可以是Tab Size或Spaces。

将弹出一个菜单，其中包含所有可用的操作和设置。

Answer 3

Ctrl + Shift + P，然后“将缩进转换为制表符”

Answer 4

就我而言，问题是在1月更新后安装了JS-CSS-HTML Formatter扩展。默认的indent_char属性是空格。我卸载它并且奇怪的行为停止了。

Answer 5

如果要使用制表符代替空格

尝试：

1. 转到File➤Preferences➤Settings或只需按Ctrl + ,
2. 在顶部的搜索设置栏中，插入editor.insertSpaces
3. 您将看到类似以下内容的内容：编辑器：插入空格，并且可能会对其进行检查。只需取消选中它，如下面的图片所示

1. 重新加载 Visual Studio代码（按F1➤输入reload window➤按Enter）

---

如果它不起作用，请尝试以下操作：

可能是由于安装了插件 JS-CSS-HTML Formatter

（您可以通过已启用中的File➤Preferences➤Extensions或仅按Ctrl + Shift + X进行检查列表中，您会找到 JS-CSS-HTML Formatter ）

如果是这样，您可以修改此插件：

1. 按下F1➤输入Formatter config➤按下Enter（它将打开文件formatter.json）

2. 像这样修改文件：

    4|    "indent_size": 1,
    5|    "indent_char": "\t"
   ——|
   24|    "indent_size": 1,
   25|    "indentCharacter": "\t",
   26|    "indent_char": "\t",
   ——|
   34|    "indent_size": 1,
   35|    "indent_char": "\t",
   36|    "indent_character": "\t"
   

3. 保存（转到File➤Save或只需按Ctrl + S）

4. 重新加载 Visual Studio代码（按F1➤输入reload window➤按Enter）

Answer 6

以下设置对我来说效果很好，

"editor.insertSpaces": false,
"editor.formatOnSave": true, // only if you want auto fomattting on saving the file
"editor.detectIndentation": false

以上设置将反映并应用于每个文件。您不需要手动缩进/格式化每个文件。

Answer 7

从正式的vscode设置中进行检查：

  // Controls whether `editor.tabSize#` and `#editor.insertSpaces` will be automatically detected when a file is opened based on the file contents.
  "editor.detectIndentation": true,

  // The number of spaces a tab is equal to. This setting is overridden based on the file contents when `editor.detectIndentation` is on.
  "editor.tabSize": 4,

  // Configure editor settings to be overridden for [html] language.
  "[html]": {
    "editor.insertSpaces": true,
    "editor.tabSize": 2,
    "editor.autoIndent": false
  }

Answer 8

File -> Preferences -> Settings（或只需按Ctrl+,，然后搜索spaces，然后停用此选项即可：

我必须重新打开文件才能使更改生效。

Answer 9

1. 突出显示您的代码（在文件中）
2. 单击应用程序窗口右下角的“标签大小”
3. 选择适当的将缩进转换为制表符

Answer 10

如果您想将制表符更改为很多文件中的空格，但又不想单独打开它们，我发现使用查找并替换同样有效最左侧工具栏中的选项。

在第一个框（Find）中，复制并粘贴源代码中的标签。

在第二个框（Replace）中，输入要使用的空格数（即2或4）。

如果按下...按钮，则可以指定要包含或忽略的目录（即src/Data/Json）。

最后，检查结果预览，然后按全部替换。工作区中的所有文件都可能受到影响。

Answer 11

<div class="ctr">
  <div class="row">
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
  </div>
</div>

{ "editor.insertSpaces": true } 对我有用。