mirror of
https://github.com/LCTT/TranslateProject.git
synced 2025-01-01 21:50:13 +08:00
97 lines
4.4 KiB
Markdown
97 lines
4.4 KiB
Markdown
|
[#]: subject: "How to Automatically Indent Your Code in Visual Studio Code"
|
|||
|
|
[#]: via: "https://itsfoss.com/auto-indent-vs-code/"
|
|||
|
|
[#]: author: "Sagar Sharma https://itsfoss.com/author/sagar/"
|
|||
|
|
[#]: collector: "lkxed"
|
|||
|
|
[#]: translator: "geekpi"
|
|||
|
|
[#]: reviewer: " "
|
|||
|
|
[#]: publisher: " "
|
|||
|
|
[#]: url: " "
|
|||
|
|
|
|||
|
|
如何在 Visual Studio 代码中自动缩进你的代码
|
|||
|
|
======
|
|||
|
|
|
|||
|
|
代码中的缩进指的是你在代码行的开头处的空格。像其他代码编辑器和 IDE 一样，VS Code 允许你自动缩进你的代码。
|
|||
|
|
|
|||
|
|
你可以设置制表符或空格或任何你喜欢的缩进方式。
|
|||
|
|
|
|||
|
|
听起来不错吧？让我们来看看怎么做。
|
|||
|
|
|
|||
|
|
### 在 VS Code 中启用自动缩进
|
|||
|
|
|
|||
|
|
你有多种方法可以实现这个目标。在本指南中，我将向你展示三种在 visual studio 代码中自动缩进代码的方法。
|
|||
|
|
|
|||
|
|
#### 方法 1：配置全局用户设置
|
|||
|
|
|
|||
|
|
你可以通过命令托盘访问全局用户设置。使用 `Ctrl + Shift + P` 来打开命令托盘，搜索 `Open User Settings` 并点击回车：
|
|||
|
|
|
|||
|
|
![access user setting from command pallet in vscode][1]
|
|||
|
|
|
|||
|
|
它将打开设置。在那里，你需要搜索 `Auto Indent`，并在 **Editor: Auto Indent** 中选择 **Full**：
|
|||
|
|
|
|||
|
|
![enable auto indent from global user settings in vscode][2]
|
|||
|
|
|
|||
|
|
接着自动缩进会被启用，并应用于 VSCode 中每个打开的文件。
|
|||
|
|
|
|||
|
|
#### 方法 2：在 VS Code 中使用 linter 或 formatter 进行自动缩进
|
|||
|
|
|
|||
|
|
在这种方法中，你需要添加扩展程序，如 code formatter 或者 linter，以获得理想的结果。
|
|||
|
|
|
|||
|
|
Linter 会识别代码中的错误，而 formatter 只对你的代码进行格式化，使其更具可读性。你可以在 [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 文件。
|
|||
|
|
- [Python][7]：适用于 Python 编程语言。
|
|||
|
|
- [ESLint][8]：适用于 JSON 和 javascript。
|
|||
|
|
- [Beautify][9]: 适用于 javascript、JSON、CSS、Sass 和 HTML。
|
|||
|
|
|
|||
|
|
当你完成了为你喜欢的编程语言添加 formatter，你可以按 `Ctrl + Shift + I` 来格式化代码。
|
|||
|
|
|
|||
|
|
同样地，你也可以使用命令托盘做同样的事情。按 `Ctrl + Shift + P`，并搜索 **Format document**，然后点击回车。
|
|||
|
|
|
|||
|
|
![indent code in VSCode][10]
|
|||
|
|
|
|||
|
|
#### 方法 3：在保存文件时启用自动缩进功能
|
|||
|
|
|
|||
|
|
VSCode 允许你在保存你的代码时，通过一个小小的调整来格式化它。让我告诉你怎么做。
|
|||
|
|
|
|||
|
|
按 `Ctrl + ,`，它将打开用户设置提示。在那里，搜索 **Format On Save**。
|
|||
|
|
|
|||
|
|
![enable format on save option][11]
|
|||
|
|
|
|||
|
|
从现在开始，当你保存文件时，你的文件将自动添加缩进。
|
|||
|
|
|
|||
|
|
### 总结
|
|||
|
|
|
|||
|
|
在本指南中，我解释了如何在 VSCode 中自动添加缩进。我建议使用第二种方法以获得更好的灵活性。
|
|||
|
|
|
|||
|
|
我希望你会发现本指南对你有帮助，如果你有任何疑问或建议，请在评论中告诉我。
|
|||
|
|
|
|||
|
|
--------------------------------------------------------------------------------
|
|||
|
|
|
|||
|
|
via: https://itsfoss.com/auto-indent-vs-code/
|
|||
|
|
|
|||
|
|
作者：[Sagar Sharma][a]
|
|||
|
|
选题：[lkxed][b]
|
|||
|
|
译者：[geekpi](https://github.com/geekpi)
|
|||
|
|
校对：[校对者ID](https://github.com/校对者ID)
|
|||
|
|
|
|||
|
|
本文由 [LCTT](https://github.com/LCTT/TranslateProject) 原创编译，[Linux中国](https://linux.cn/) 荣誉推出
|
|||
|
|
|
|||
|
|
[a]: https://itsfoss.com/author/sagar/
|
|||
|
|
[b]: https://github.com/lkxed
|
|||
|
|
[1]: https://itsfoss.com/wp-content/uploads/2022/11/access-user-setting-from-command-pallet-in-vscode.png
|
|||
|
|
[2]: https://itsfoss.com/wp-content/uploads/2022/11/enable-auto-indent-from-global-user-settings-in-vscode.png
|
|||
|
|
[3]: https://marketplace.visualstudio.com/vscode
|
|||
|
|
[4]: https://marketplace.visualstudio.com/items?itemName=ms-vscode.cpptools
|
|||
|
|
[5]: https://marketplace.visualstudio.com/items?itemName=DEVSENSE.phptools-vscode
|
|||
|
|
[6]: https://marketplace.visualstudio.com/items?itemName=DavidAnson.vscode-markdownlint
|
|||
|
|
[7]: https://marketplace.visualstudio.com/items?itemName=ms-python.python
|
|||
|
|
[8]: https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
|
|||
|
|
[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
|