reactjs 如何将我所有的vscode文件从4个空格缩进到2个空格?

f0brbegy  于 2023-03-22  发布在  React
关注(0)|答案(3)|浏览(242)

如何格式化应用程序文件夹中的所有vscode文件,以便将所有现有代码从4个空格缩进格式化为两个空格?
我知道在我的VSStudio网页编辑器的底部,我可以点击Spaces来更改特定文件的代码缩进/间距。不过我有几个文件-我已经从React-Bootstrap文档中复制和粘贴了一些代码(例如导航栏,列表组,jumbotron)。
我还试图使用 Bootstrap 在我的REACT文件夹,已内置在锅炉板代码,不匹配与 Bootstrap 锅炉板代码.我只是希望能够同步到一种类型的缩进所有代码,使代码更清晰,可读.
有没有简单的方法,或者键盘捷径,或者内置的vscode编程,允许所有代码都遵循相同数量的间距/缩进到我的项目文件夹中的所有文件?
先谢了。

mo49yndu

mo49yndu1#

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

  • 打开文件搜索
  • 打开正则表达式
  • 在搜索字段中输入:((( {2})(?: {2}))(\b|(?!=[,'";\.:\*\\\/\{\}\[\]\(\)])))
  • 在替换字段中输入:$3
    如何将VS Code中所有文件缩进2个空格变为4个空格
  • 打开文件搜索
  • 打开正则表达式
  • 在搜索字段中输入:((( {2}))(\b|(?!=[,'";\.:\\*\\\/{\}\[\]\(\)])))
  • 在替换字段中输入:$3$3
    注意:您必须先打开PERL Regex,操作方法如下:
  • 打开设置并转到JSON文件
  • 将以下内容添加到JSON文件"search.usePCRE2": true
628mspwn

628mspwn2#

您可能希望在您的设置中包含以下内容:

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

特别是最后一个,因为如果设置为true,它将覆盖前两个。
至于是否可以一次性格式化文件夹或工作区中的所有文件,通过vscode的内置功能是不可能的。但是有一个新的扩展看起来很有趣:
格式文件扩展名:格式化文件夹或工作区中的所有文件。

k5ifujac

k5ifujac3#

这些设置为我做了这项工作。你不仅应该指定编辑器,还应该指定你的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"
  ]

相关问题