我的写作TypeScript
和HTML
文件,标签被转换为空格。
在我的TypeScript
项目中,每个选项卡都转换为空格,我想将其关闭,并使用一个选项卡代替空格。
这是我的设置:
{
"editor.insertSpaces": false
}
编辑1:
它似乎可以在.html
文件中工作,但不能在.ts
文件中工作。
我的写作TypeScript
和HTML
文件,标签被转换为空格。
在我的TypeScript
项目中,每个选项卡都转换为空格,我想将其关闭,并使用一个选项卡代替空格。
这是我的设置:
{
"editor.insertSpaces": false
}
编辑1:
它似乎可以在.html
文件中工作,但不能在.ts
文件中工作。
Answers:
共有3个选项.vscode/settings.json
:
// 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
从文件中检测到它,则必须禁用它。如果没有帮助,请检查是否没有优先级更高的设置。例如,当您将其保存到用户设置时,它可能会被项目文件夹中的工作区设置覆盖。
更新:
您可以打开文件 » 首选项 » 设置或使用快捷方式:
CTRL+ , (Windows,Linux)
⌘+ , (Mac)
更新:
现在,您可以选择手动编辑这些选项。
单击编辑器右下方的选择器Spaces:4:
如果要将现有的ws转换为tab,请从Marketplace安装扩展
编辑:
从空间到标签转换现有的压痕命中Ctrl+ Shift+P和类型:
>Convert indentation to Tabs
这将根据定义的选项卡更改文档的缩进。
File
➤ Preferences
➤ Settings
或者按Ctrl + ,editor.insertSpaces
F1
➤类型reload window
➤按Enter)可能是因为安装了JS-CSS-HTML Formatter插件
(您可以将检查File
➤ Preferences
➤ Extensions
或只需按下Ctrl + Shift + X,在启用名单,你会发现JS-CSS-HTML格式化)
如果是这样,您可以修改此插件:
Formatter config
➤按下Enter(它将打开文件formatter.json
) 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"
File
➤ Save
或按Ctrl + S)reload window
➤按Enter)formatter.json
文件:在任何引号中都用一个空格而不是\t
(使"\t"
成为" "
),然后在您看到1的地方放4。因此,您可能会像这样 "indent_size": 4, "indent_char": " " "indent_size": 4, "indentCharacter": " ", "indent_char": " ", "indent_size": 4, "indent_char": " ", "indent_character": " "
就我而言,问题是在一月更新后安装了JS-CSS-HTML Formatter扩展。默认indent_char
属性是空格。我卸载了它,奇怪的行为停止了。
从官方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,
// Config the editor that making the "space" instead of "tab"
"editor.insertSpaces": true,
// Configure editor settings to be overridden for [html] language.
"[html]": {
"editor.insertSpaces": true,
"editor.tabSize": 2,
"editor.autoIndent": false
}
以下设置对我来说效果很好,
"editor.insertSpaces": false,
"editor.formatOnSave": true, // only if you want auto fomattting on saving the file
"editor.detectIndentation": false
以上设置将反映并应用于每个文件。您无需手动缩进/格式化每个文件。