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

Gel*_*Gel 8 twitter-bootstrap reactjs visual-studio-code

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

我知道在我的 VSStudio 网络编辑器底部,我可以单击Spaces更改特定文件的代码缩进/间距。虽然我有几个文件 - 我已经从React-Bootstrap文档中复制并粘贴了一些代码(例如导航栏、列表组、超大屏幕)。

我还尝试在我的REACT文件夹中使用引导程序,这些文件夹内置了与引导程序样板代码不匹配的样板代码。我只是希望能够将所有代码同步到一种类型的缩进中,以使代码更清晰可读。

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

提前致谢。

cas*_*234 16

如何将 VS Code 中所有文件的 4 个空格缩进转换为 2 个空格

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

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

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

注意:您必须先打开 PERL 正则表达式。这是如何:

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


Mar*_*ark 9

您可能希望在您的设置中包含这些:

"editor.tabSize": 2,
"editor.insertSpaces": true,
"editor.detectIndentation": false,
Run Code Online (Sandbox Code Playgroud)

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

至于是否可以一次性格式化文件夹或工作空间中的所有文件,这是通过 vscode 的内置功能无法实现的。然而,有一个看起来很有趣的新扩展:

格式化文件扩展名:格式化文件夹或工作区中的所有文件。