如何将我的所有 vscode 文件从 4 个空格缩进格式化为 2 个空格？答案

【问题标题】：How to format all my vscode files from 4 space indentation to 2 spaces?如何将我的所有 vscode 文件从 4 个空格缩进格式化为 2 个空格？
【发布时间】：2018-02-21 03:31:30
【问题描述】：

如何格式化我的应用程序文件夹中的所有 vscode 文件，以便将所有现有代码从 4 个空格缩进格式化为两个空格？

我知道在我的 VSStudio 网页编辑器底部，我可以点击Spaces 来更改特定文件的代码缩进/间距。虽然我有几个文件 - 我已经从 React-Bootstrap docs 复制并粘贴了一些代码（例如导航栏、列表组、jumbotron）。

我还尝试在我的 REACT 文件夹中使用 bootstrap，该文件夹内置了与 bootstrap 样板代码不匹配的样板代码。我只是希望能够将所有代码同步到一种缩进中，以使代码更清晰易读。

有没有简单的方法，或者键盘快捷键，或者内置编程的 vscode，允许所有代码对我的项目文件夹中的所有文件遵循相同数量的间距/缩进？

提前致谢。

【问题讨论】：

标签： twitter-bootstrap reactjs visual-studio-code

【解决方案1】：

如何将VS Code中所有文件的4个空格缩进变成2个空格

打开文件搜索
开启正则表达式
在搜索栏中输入：((( {2})(?: {2}))(\b|(?!=[,'";\.:\*\\\/\{\}\[\]])))
在替换字段中输入：$3

如何将VS Code中所有文件的2个空格缩进变成4个空格

打开文件搜索
开启正则表达式
在搜索栏中输入：((( {2}))(\b|(?!=[,'";\.:\\*\\\/{\}\[\]])))
在替换字段中输入：$3$3

注意：您必须先打开 PERL Regex。方法如下：

打开设置并转到 JSON 文件
将以下内容添加到 JSON 文件 "search.usePCRE2": true

【讨论】：

太棒了！它工作得很好（在 SublimeText 3 中运行）。之后我们要做的就是用两个空格替换所有标签
哇！更多喜欢编码的理由:)
打开文件搜索？什么，在哪里？
优秀。当你“全部替换”而不是一个接一个时效果最好。

【解决方案2】：

您可能希望在您的设置中使用这些：

"editor.tabSize": 2,
"editor.insertSpaces": true,
"editor.detectIndentation": false,

特别是最后一个，因为如果设置为 true，它将覆盖前两个。

至于是否可以一次性格式化文件夹或工作区中的所有文件，这通过vscode的内置功能是不可能的。但是有一个看起来很有趣的新扩展：

format files extension ：格式化文件夹或工作区中的所有文件。

它是新的，没有评级，所以你必须测试它，让我们知道它是否有效：}

【讨论】：

嗨，马克！感谢您的回复。我下载了扩展程序，但它没有完成我最初想要完成的任务。但是，话虽如此，很高兴知道有一些扩展可以在使代码可读性方面得到研究。谢谢。
扩展是否像宣传的那样跨文件工作？它只是没有解决您的缩进问题？
因此，它会在编辑器页面留下红色标题的行中，您有多余的空间或不打算留下的缩进。例如，当您擦除代码时，有时您只是擦除代码的 sn-p，而不是整行代码。这将创建一条红线。这非常好，因此当您从另一个来源复制并粘贴新代码时，它不会影响缩进。 :) 。希望这是有道理的。

【解决方案3】：

这些设置为我完成了这项工作。您不仅应该指定编辑器，还应该指定您的 python 格式化程序。

  "editor.tabSize": 2,
  "editor.insertSpaces": true,
  "editor.detectIndentation": false,
  "editor.defaultFormatter": "ms-python.python",
  "editor.formatOnSave": true,
  "python.formatting.provider": "autopep8",
  "python.formatting.autopep8Args": [
    "--indent-size=2"
  ]

【讨论】：