对于每个typescript文件,visual studio代码使用8个空格的自动缩进。这对我来说有点太贵了,但我找不到换的地方。
也许它可以作为一个设置,但在不同的名称下,因为我找不到任何与缩进有关的东西。
更新
我目前正在使用更漂亮的代码格式化器,它解决了所有的格式问题,自动格式化保存(如果没有语法错误)
对于每个typescript文件,visual studio代码使用8个空格的自动缩进。这对我来说有点太贵了,但我找不到换的地方。
也许它可以作为一个设置,但在不同的名称下,因为我找不到任何与缩进有关的东西。
更新
我目前正在使用更漂亮的代码格式化器,它解决了所有的格式问题,自动格式化保存(如果没有语法错误)
当前回答
对于那些搜索“在VS Code中改变缩进”的人,简单的解释和图片
第一步:点击Preferences > Settings
步骤2:你正在寻找的设置是“检测缩进”,开始输入。点击“编辑器:标签大小”
第三步:向下滚动到“编辑器:标签大小”,输入2(或任何你需要的)。
更改会自动保存
我的改变的例子
其他回答
添加:是的,您可以使用右下角的UI来配置空间设置。但如果现有代码没有格式化为新的间距,则可以右键单击文件中的任何位置,然后单击Format Document。我花了一段时间才弄明白,直到我偶然发现了这个问题。
格式文档菜单
在右下角的工具栏中,你会看到一个如下所示的项目: 点击它后,你会得到使用空格或制表符缩进的选项。选择缩进类型后,您将可以选择更改缩进的大小。在上面的例子中,缩进被设置为每缩进4个空格字符。如果选择制表符作为缩进字符,那么您将看到制表符大小而不是空格
如果你想让它应用于所有文件,而不是单个文件,那么根据你的需要在用户设置或工作空间设置中覆盖编辑器:标签大小和编辑器:插入空格设置
编辑1
要获得您的用户或工作区设置,请访问首选项->设置。根据您的需要,验证您在“用户”或“工作区”选项卡上,并使用搜索栏定位设置。您可能还想禁用“编辑器:检测缩进”,因为该设置将覆盖您在启用时为“编辑器:插入空格”和“编辑器:制表符大小”设置的内容
我喜欢这些缩进设置,你可以根据需要修改它们。
你可以打开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"
}
如何在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中的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
}