对于每个typescript文件,visual studio代码使用8个空格的自动缩进。这对我来说有点太贵了,但我找不到换的地方。

也许它可以作为一个设置,但在不同的名称下,因为我找不到任何与缩进有关的东西。

更新

我目前正在使用更漂亮的代码格式化器,它解决了所有的格式问题,自动格式化保存(如果没有语法错误)


当前回答

首先,检查你是否安装了“EditorConfig for VS Code”。它覆盖了我的编辑器设置。我花了一整天修正这个问题。

在项目中找到.editorconfig文件,并在那里更改它将工作。

其他回答

我喜欢这些缩进设置,你可以根据需要修改它们。

你可以打开VScode设置。输入CTRL+SHIFT+P并粘贴到json设置下面

setting.json

"[javascript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features",
    "editor.formatOnSave": true,
    "editor.tabSize": 4,
    "editor.insertSpaces": false,
    "editor.detectIndentation": false,
    "editor.wrappingIndent": "deepIndent", 
    "editor.autoIndent": "full"
},
"[typescript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features",
    "editor.formatOnSave": true,
    "editor.tabSize": 4,
    "editor.insertSpaces": false,
    "editor.detectIndentation": false,
    "editor.wrappingIndent": "deepIndent", 
    "editor.autoIndent": "full"
}

要设置所有现有文件和新文件的空格标识为2,只需把它放在你的设置。Json(在Json的根):

"[typescript]": {
        "editor.defaultFormatter": "vscode.typescript-language-features",
        "editor.tabSize": 2,
        "editor.insertSpaces": true,
        "editor.detectIndentation":false
 }

您可以添加配置的语言类型:

"[javascript]": {
    "editor.tabSize": 2,
    "editor.insertSpaces": true,
    "editor.detectIndentation":false
} 

在右下角的工具栏中,你会看到一个如下所示的项目: 点击它后,你会得到使用空格或制表符缩进的选项。选择缩进类型后,您将可以选择更改缩进的大小。在上面的例子中,缩进被设置为每缩进4个空格字符。如果选择制表符作为缩进字符,那么您将看到制表符大小而不是空格

如果你想让它应用于所有文件,而不是单个文件,那么根据你的需要在用户设置或工作空间设置中覆盖编辑器:标签大小和编辑器:插入空格设置

编辑1

要获得您的用户或工作区设置,请访问首选项->设置。根据您的需要,验证您在“用户”或“工作区”选项卡上,并使用搜索栏定位设置。您可能还想禁用“编辑器:检测缩进”,因为该设置将覆盖您在启用时为“编辑器:插入空格”和“编辑器:制表符大小”设置的内容

代码格式化快捷方式:

Windows上的VSCode - Shift + Alt + F

MacOS 上的 VSCode - Shift + Option + F

VSCode在Ubuntu - Ctrl + Shift + I

如果需要,还可以使用首选项设置自定义此快捷方式。

用键盘选择列 Ctrl + Shift + Alt +箭头

您可以在全局用户级别或工作区级别更改此设置。

打开设置:点击左下角的齿轮,然后点击如下所示的设置。

然后,执行以下2项更改:(在搜索栏中输入tabSize)

取消选中“检测缩进”复选框 将制表符大小改为2/4(尽管我强烈认为2对于JS是正确的。哈哈:))