mirror of
https://github.com/LCTT/TranslateProject.git
synced 2024-12-29 21:41:00 +08:00
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:
commit
fe4c924cb9
@ -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 中自动缩进你的代码
|
||||
======
|
||||
|
||||
![][0]
|
||||
|
||||
代码中的缩进指的是你在代码行的开头处的空格。像其他代码编辑器和 IDE 一样,VSCode 允许你自动缩进你的代码。
|
||||
|
||||
你可以设置制表符或空格或任何你喜欢的缩进方式。
|
||||
你可以设置使用制表符或空格或任何你喜欢的缩进方式。
|
||||
|
||||
听起来不错吧?让我们来看看怎么做。
|
||||
|
||||
### 在 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
|
Loading…
Reference in New Issue
Block a user