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

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

更新

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


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

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

编辑1

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


使用实例根据编程语言修改缩进。

打开命令面板(CtrlShiftP | macOS:⌘P)。 键入并选择:首选项:配置语言特定设置…(命令id: workbench.action.configureLanguageBasedSettings)。 选择一种编程语言(例如TypeScript)。

如果打开Settings菜单(自1.66.0起): 4. 按→将光标放在语言筛选器的右边(例如@lang:typescript)。 5. 输入“Tab Size”,并在文本框中输入您的首选值。 如果设置。Json文件被打开: 4. 添加以下代码: “(打印稿)":{ “编辑器。tabSize”:2 }

参见:VS Code Docs


除了elliott - j的答案之外,您可能还希望将editor.detectIndentation设置为false。

VSCode会覆盖你的编辑器。tabSize和编辑器。如果它检测到文件具有不同的制表符或空格缩进模式,则为每个文件添加insertSpaces设置。如果你将现有文件添加到项目中,或者使用Angular Cli等代码生成器添加文件,就会遇到这个问题。上面的设置阻止VSCode这样做。


在我的案例中,“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

代码格式化快捷方式:

Windows上的VSCode - Shift + Alt + F

MacOS 上的 VSCode - Shift + Option + F

VSCode在Ubuntu - Ctrl + Shift + I

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

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


我想把现有HTML文件的缩进从4个空格改为2个空格。

我点击了状态栏中的“空格:4”按钮,并在下一个对话框中将它们更改为2。

我使用'vim'扩展。我不知道如何重新缩进没有vim

为了重新缩进我的当前文件,我使用了这个:

gg

=

G

添加:是的,您可以使用右下角的UI来配置空间设置。但如果现有代码没有格式化为新的间距,则可以右键单击文件中的任何位置,然后单击Format Document。我花了一段时间才弄明白,直到我偶然发现了这个问题。

格式文档菜单


问题:接受的答案实际上没有修复当前文档中的缩进。

解决方案:运行Format Document,根据当前(新)设置重新处理文档。

问题:我的项目中的HTML文档是“Django HTML”而不是“HTML”的类型,没有可用的格式化器。

解决方法:将它们转换为语法“HTML”,格式化它们,然后再切换回“Django HTML”。

问题:HTML格式化器不知道如何处理Django模板标记,并且取消了我精心应用的嵌套。

解决方案:安装Indent 4-2扩展,它严格执行缩进,而不考虑当前的语言语法(这是我在本例中想要的)。


要设置所有现有文件和新文件的空格标识为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
} 

对于那些搜索“在VS Code中改变缩进”的人,简单的解释和图片

第一步:点击Preferences > Settings

步骤2:你正在寻找的设置是“检测缩进”,开始输入。点击“编辑器:标签大小”

第三步:向下滚动到“编辑器:标签大小”,输入2(或任何你需要的)。



更改会自动保存

我的改变的例子


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

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

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

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


如何在VS Code中把所有文件中的4个空格缩进到2个空格

打开文件搜索 打开正则表达式 输入:({2})(?: {2}) (\ b |(?!=[,'";\.:\*\\\/\{\}\[\]\(\)])) 在搜索领域 在replace字段中输入:$1

如何在VS Code中把所有文件中的2个空格缩进到4个空格

打开文件搜索 打开正则表达式 输入:({2})(\ b |(?!=[,'";\.:\\*\\\/{\}\[\]\(\)])) 在搜索领域 在replace字段中输入:$1$1

注意:您必须首先打开PERL Regex。这是如何做到的:

打开设置,转到JSON文件 将以下内容添加到JSON文件“search”中。usePCRE2”:真正的

希望有人能看到。


自动取消的问题是由于在VSCode的设置中有一个复选框是活动的。 遵循以下步骤:

goto偏好 转到设置 搜索“编辑器:修剪自动空白” 取消选中方框


在首选项中设置缩进并不总是解决方案。大多数情况下,缩进是正确的,除非你碰巧从其他来源复制了一些代码,或者你的同事为你做了一些东西,并有不同的设置。然后你想要快速地将缩进从2转换为4,或者反过来。

这就是这个vscode扩展为你做的


第一步:打开设置。vscode中的Json

步骤2:为编程语言添加如下代码行(示例如下)

用于typescript和javascript

"editor.detectIndentation": false,
"[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更改为2。它相对容易理解、可靠,而且不需要安装任何东西。

指令

按ctrl + +(或macOS上的“⌘+ +”)。 通过单击搜索弹出框中的。*按钮或按AltR(或macOS上的“⌘R”),确保打开正则表达式匹配。 在Find字段中,输入^(?())?(?())?(?())?(?())?(?())?(?())?(?())?(?())?(?:())? 在Replace字段中输入$1$2$3$4$5$6$7$8$9 最后按下CtrlEnter(或macOS上的⌘Enter)应用到当前文件。

您还可以在左侧的Search窗格中使用此选项,在项目中的所有文件中执行此操作。但是,请注意,每个文件只能运行一次。它会打乱已经使用2个空格的文件的缩进。

 


额外学分:它是如何工作的

正则表达式的工作方式是匹配组(?:)在开始的时候一次四个空格^…在每一行中,只捕获(…)前两个空格。每个缩进级别都是可选的…?,所以它适用于许多缩进级别,因为模式是重复的,每一行都有。然后将整个模式替换为仅捕获的空间$1,$2,…,有效地将每四个空格的缩进层替换为两个空格。

这个模式最多只能工作到9个缩进级别(我不确定10美元是否可以工作,但如果是这样的话,可以无限扩展)。

额外额外学分:扩展

您可以调整该模式,将文件中每个缩进级别的空格数从任何原始数字减少到另一个较低的目标数字。

将目标空格数放在内括号内。然后,将剩余的原始空格数放在外括号中,因此模式中的空格总数就是原始的空格数。

例如,如果您想将缩进级别从6更改为4,可以重复此搜索模式多次:

^ (?:())?或^ (?:({4}) {2})?

并使用相同数量的1美元,2美元的替换模式。


首先,检查你是否安装了“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"
}

如果你正在使用格式化器,检查tabWidth,这是我的情况下的问题。它表示制表符中使用的空格数。


在VSCode 1.75(2023年1月)中,缩进也可以在VSCode终端上定制,而不仅仅是VSCode视图。

参见问题170432:“添加终端制表符大小(editor.tabSize)设置”

当制表符在终端中打印时,无论制表符大小设置如何,它的制表符大小都为8个空格。

因此,PR 170733增加了一个新的设置:

terminal.integrated.tabStopWidth:制表位中的单元格数