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

这是所有

如果这篇文章中接受的答案不奏效，试试这个:

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

在我卸载了这个扩展后，缩进不再改变切换编辑器选项卡之间，我可以更舒适地工作，而不是必须手动转换选项卡到空格每次我切换文件-这是痛苦的。

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

这是所有

我们可以用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。

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文件中的根项目级别添加/更新

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

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

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