Merge pull request #28186 from wxy/20221127.1-️-How-to-Automatically-Indent-Your-Code-in-Visual-Studio-Code

RP:published/20221127.1 ️ How to Automatically Indent Your Code in Visual Studio Code.md
This commit is contained in:
Xingyu.Wang 2022-12-10 15:45:12 +08:00 committed by GitHub
commit fe4c924cb9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -3,54 +3,55 @@
[#]: author: "Sagar Sharma https://itsfoss.com/author/sagar/"
[#]: collector: "lkxed"
[#]: translator: "geekpi"
[#]: reviewer: " "
[#]: publisher: " "
[#]: url: " "
[#]: reviewer: "wxy"
[#]: publisher: "wxy"
[#]: url: "https://linux.cn/article-15335-1.html"
如何在 Visual Studio 代码中自动缩进你的代码
如何在 VSCode 中自动缩进你的代码
======
代码中的缩进指的是你在代码行的开头处的空格。像其他代码编辑器和 IDE 一样VS Code 允许你自动缩进你的代码。
![][0]
你可以设置制表符或空格或任何你喜欢的缩进方式。
代码中的缩进指的是你在代码行的开头处的空格。像其他代码编辑器和 IDE 一样VSCode 允许你自动缩进你的代码。
你可以设置使用制表符或空格或任何你喜欢的缩进方式。
听起来不错吧?让我们来看看怎么做。
### 在 VS Code 中启用自动缩进
### 在 VSCode 中启用自动缩进
你有多种方法可以实现这个目标。在本指南中,我将向你展示三种在 visual studio 代码中自动缩进代码的方法。
你有多种方法可以实现这个目标。在本指南中,我将向你展示三种在 VSCode 中自动缩进代码的方法。
#### 方法 1配置全局用户设置
你可以通过命令托盘访问全局用户设置。使用 `Ctrl + Shift + P` 来打开命令托盘,搜索 `Open User Settings` 并点击回车:
你可以通过命令模式访问全局用户设置。使用 `Ctrl + Shift + P` 来打开命令模式,搜索 `Open User Settings` 并按下回车:
![access user setting from command pallet in vscode][1]
它将打开设置。在那里,你需要搜索 `Auto Indent`,并在 **Editor: Auto Indent** 中选择 **Full**
它将打开设置。在那里,你需要搜索 `Auto Indent`,并在 <ruby>编辑器:自动缩进<rt>Editor: Auto Indent</rt></ruby>” 中选择 “<ruby>全部<rt>Full</rt></ruby>
![enable auto indent from global user settings in vscode][2]
接着自动缩进会被启用,并应用于 VSCode 中每个打开的文件。
#### 方法 2在 VS Code 中使用 linter 或 formatter 进行自动缩进
#### 方法 2在 VSCode 中使用检查器或格式化工具进行自动缩进
在这种方法中,你需要添加扩展程序,如 code formatter 或者 linter,以获得理想的结果。
在这种方法中,你需要添加扩展程序,如代码格式化工具或者检查器,以获得理想的结果。
Linter 会识别代码中的错误,而 formatter 只对你的代码进行格式化,使其更具可读性。你可以在 [VSCode 市场][3]中搜索特定于你的编程语言的代码格式化器。
<ruby>检查器<rt>Linter</rt></ruby>会识别代码中的错误,而<ruby>格式化工具<rt>Formatter</rt></ruby>只对你的代码进行格式化,使其更具可读性。你可以在 [VSCode 市场][3] 中搜索特定于你的编程语言的代码格式化器。
And here are some of my favorite code formatters and linters for widely popular languages:
这里有一些我最喜欢的广泛流行语言的代码格式化器和 linter
这里有一些我最喜欢的广泛流行语言的代码格式化工具和检查器:
- [C/C++][4]:适用于 C 和 C++ 编程语言。
- [PHP][5]:适用于 PHP。
- [markdownlint][6]:适用于 markdown 文件。
- [markdownlint][6]:适用于 Markdown 文件。
- [Python][7]:适用于 Python 编程语言。
- [ESLint][8]:适用于 JSON 和 javascript。
- [Beautify][9]: 适用于 javascript、JSON、CSS、Sass 和 HTML。
- [Beautify][9]: 适用于 JavaScript、JSON、CSS、SASS 和 HTML。
当你完成了为你喜欢的编程语言添加 formatter,你可以按 `Ctrl + Shift + I` 来格式化代码。
当你为你喜欢的编程语言添加了格式化工具,你可以按 `Ctrl + Shift + I` 来格式化代码。
同样地,你也可以使用命令托盘做同样的事情。按 `Ctrl + Shift + P`,并搜索 **Format document**,然后点击回车。
同样地,你也可以使用命令模式做同样的事情。按 `Ctrl + Shift + P`,并搜索 `Format document`,然后按下回车。
![indent code in VSCode][10]
@ -58,7 +59,7 @@ And here are some of my favorite code formatters and linters for widely popular
VSCode 允许你在保存你的代码时,通过一个小小的调整来格式化它。让我告诉你怎么做。
`Ctrl + ,`,它将打开用户设置提示。在那里,搜索 **Format On Save**
`Ctrl + ,`,它将打开用户设置提示。在那里,搜索 `Format On Save`
![enable format on save option][11]
@ -77,7 +78,7 @@ via: https://itsfoss.com/auto-indent-vs-code/
作者:[Sagar Sharma][a]
选题:[lkxed][b]
译者:[geekpi](https://github.com/geekpi)
校对:[校对者ID](https://github.com/校对者ID)
校对:[wxy](https://github.com/wxy)
本文由 [LCTT](https://github.com/LCTT/TranslateProject) 原创编译,[Linux中国](https://linux.cn/) 荣誉推出
@ -94,3 +95,4 @@ via: https://itsfoss.com/auto-indent-vs-code/
[9]: https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify
[10]: https://itsfoss.com/wp-content/uploads/2022/11/format-document-.gif
[11]: https://itsfoss.com/wp-content/uploads/2022/11/enable-format-on-save-option.png
[0]: https://img.linux.net.cn/data/attachment/album/202212/10/152929zff61fqq13kkpvy8.jpg