如何在 Visual Studio Code 中自动缩进代码

2022年 12月 6日 48.9k 0

代码中的缩进是指代码行开头的空间。与其他代码编辑器和 IDE 一样,VS Code 允许您自动缩进代码。

您可以设置制表符或空格或任何您喜欢的缩进。

听起来不错?让我们看看如何去做。

在 VS Code 中启用自动缩进

您可以通过多种方式实现这一目标。在本指南中,我将向您展示三种在 Visual Studio Code 中自动缩进代码的方法。

方法一:配置全局用户设置

您可以通过命令托盘访问全局用户设置。用于Ctrl + Shift + P打开命令托盘并搜索Open User Settings并按回车键:

从 vscode 中的命令托盘访问用户设置

它将打开设置。从那里,您将必须搜索Auto Indent并选择Full作为Editor: Auto Indent中的缩进选项:

从 vscode 中的全局用户设置启用自动缩进

并且自动缩进被启用并应用于 VSCode 中的每个打开的文件。

方法二:在 VS Code 中使用 linter 或 formatter 实现自动缩进

在此方法中,您将需要添加代码格式化程序或 linter 等扩展以获得所需的结果。

Linters 将识别代码中的错误,而格式化程序只会格式化您的代码以使其更具可读性。您可以在特定于您的编程语言的VSCode 市场中搜索代码格式化程序。

以下是我最喜欢的一些代码格式化程序和 linters,适用于广泛流行的语言:

  • C/C++:用于 C 和 C++ 编程语言。
  • PHP:对于 PHP。
  • markdownlint:用于降价文件。
  • Python:用于 Python 编程语言。
  • ESLint:用于 JSON 和 javascript。
  • 美化:用于 javascript、JSON、CSS、Sass 和 HTML。

为首选编程语言添加格式化程序后,您可以按Ctrl _ Shift + I格式化代码。

同样,您可以使用命令托盘执行相同的操作。按Ctrl + Shift + P并搜索Format document,然后按 Enter。

在 VSCode 中缩进代码

方法 3:保存文件时启用自动缩进

VSCode 允许您在保存代码的同时对代码进行一些调整。让我告诉你怎么做。

Ctrl + ,它将打开用户设置提示。从那里搜索Format On Save

在保存选项上启用格式

从现在开始,您的文件将在您保存时自动添加缩进。

最后

在本指南中,我解释了如何在 VSCode 中自动添加缩进。我建议使用第二种方法以获得更好的灵活性。

我希望本指南对您有所帮助,如果您有任何疑问或建议,请在评论中告诉我。

相关文章

JavaScript2024新功能:Object.groupBy、正则表达式v标志
PHP trim 函数对多字节字符的使用和限制
新函数 json_validate() 、randomizer 类扩展…20 个PHP 8.3 新特性全面解析
使用HTMX为WordPress增效:如何在不使用复杂框架的情况下增强平台功能
为React 19做准备:WordPress 6.6用户指南
如何删除WordPress中的所有评论

发布评论