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

时间:2018-02-21 03:31:30

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

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

据我所知,在我的VSStudio网页编辑器的底部,我可以点击Spaces来更改特定文件的代码缩进/间距。我有几个文件 - 我已经复制并粘贴了React-Bootstrap个文档中的一些代码(例如navbar,list group,jumbotron)。

我也试图在我的REACT文件夹中使用bootstrap,这些文件夹内置的锅炉板代码与bootstraps样板代码不匹配。我只是希望能够将所有代码同步到一种类型的缩进中,以使代码更清晰,更易读。

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

提前致谢。

2 个答案:

答案 0 :(得分:6)

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

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

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

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

注意:必须首先打开PERL Regex。这是这样的:

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

答案 1 :(得分:0)

您可能希望在您的设置中使用以下内容:

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

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

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

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

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