Note

如果你正在谈论tabSize的更漂亮，请参阅答案的第2部分

第一部分:VS代码方式

如果你喜欢开发人员的方式，Visual Studio Code允许你为tabSize指定不同的文件类型。下面是我的设置示例。json默认有四个空格，JavaScript/ json有两个空格:

{
  // I want my default to be 4, but JavaScript/JSON to be 2
  "editor.tabSize": 4,
  "[javascript]": {
    "editor.tabSize": 2
  },
  "[json]": {
    "editor.tabSize": 2
  },

  // This one forces the tab to be **space**
  "editor.insertSpaces": true
}

PS:好吧，如果你不知道如何打开这个文件(特别是在Visual Studio Code的新版本中)，你可以:

左下档→ 设置→右上方打开设置

第二节:如果使用更漂亮

如果你使用的是prettier，情况可能会有所不同，prettier有两个级别的设置:

用户级别，你可以点击扩展和点击设置找到关键字tabWidth 项目级别，您可以从. pretierrc文件中的根项目级别添加/更新

@ alexo -dima从2015年开始的解决方案将改变所有文件的制表符大小和空格，@Tricky从2016年开始的解决方案似乎只改变当前文件的设置。

截至2017年，我找到了另一种针对每种语言的解决方案。Visual Studio Code没有为Elixir使用合适的标签大小或空间设置，所以我发现我可以更改所有Elixir文件的设置。

我点击状态栏中的语言(在我的例子中是“Elixir”)，选择“Configure 'Elixir' language based settings…”，并编辑Elixir特定的语言设置。我只是复制了“编辑器”。tabSize和编辑器。“insertSpaces”设置从左边的默认设置(我很高兴显示这些设置)，然后在右边修改它们。

它工作得很好，现在所有Elixir语言文件都使用了适当的制表符大小和空间设置。

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

{
    "editor.tabSize": 2,

    "editor.detectIndentation": false
}

那是孤独。要怪vcode -js-css-html-formatter。禁用它，并安装HookyQR.beautify。

现在保存你的标签不会被转换。

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

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

"prettier.tabWidth": 4

CTRL +逗号 使用制表符搜索缩进 去改变编辑器:标签大小

这是所有