对于每个typescript文件,visual studio代码使用8个空格的自动缩进。这对我来说有点太贵了,但我找不到换的地方。
也许它可以作为一个设置,但在不同的名称下,因为我找不到任何与缩进有关的东西。
更新
我目前正在使用更漂亮的代码格式化器,它解决了所有的格式问题,自动格式化保存(如果没有语法错误)
对于每个typescript文件,visual studio代码使用8个空格的自动缩进。这对我来说有点太贵了,但我找不到换的地方。
也许它可以作为一个设置,但在不同的名称下,因为我找不到任何与缩进有关的东西。
更新
我目前正在使用更漂亮的代码格式化器,它解决了所有的格式问题,自动格式化保存(如果没有语法错误)
当前回答
我喜欢这些缩进设置,你可以根据需要修改它们。
你可以打开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"
}
其他回答
代码格式化快捷方式:
Windows上的VSCode - Shift + Alt + F
MacOS 上的 VSCode - Shift + Option + F
VSCode在Ubuntu - Ctrl + Shift + I
如果需要,还可以使用首选项设置自定义此快捷方式。
用键盘选择列 Ctrl + Shift + Alt +箭头
在我的案例中,“EditorConfig for VSCode”扩展覆盖了VSCode设置。 如果您已经安装了它,那么检查项目根文件夹中的.editorconfig文件。
下面是一个配置示例。“indent_size”设置制表符的空格数。
# editorconfig.org
root = true
[*]
indent_style = space
indent_size = 4
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true
[*.md]
trim_trailing_whitespace = false
您可以在全局用户级别或工作区级别更改此设置。
打开设置:点击左下角的齿轮,然后点击如下所示的设置。
然后,执行以下2项更改:(在搜索栏中输入tabSize)
取消选中“检测缩进”复选框 将制表符大小改为2/4(尽管我强烈认为2对于JS是正确的。哈哈:))
问题:接受的答案实际上没有修复当前文档中的缩进。
解决方案:运行Format Document,根据当前(新)设置重新处理文档。
问题:我的项目中的HTML文档是“Django HTML”而不是“HTML”的类型,没有可用的格式化器。
解决方法:将它们转换为语法“HTML”,格式化它们,然后再切换回“Django HTML”。
问题:HTML格式化器不知道如何处理Django模板标记,并且取消了我精心应用的嵌套。
解决方案:安装Indent 4-2扩展,它严格执行缩进,而不考虑当前的语言语法(这是我在本例中想要的)。
我喜欢这些缩进设置,你可以根据需要修改它们。
你可以打开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"
}