mirror of
https://github.com/LCTT/TranslateProject.git
synced 2025-02-03 23:40:14 +08:00
translated
This commit is contained in:
geekpi
parent
8bbc4aa8e9
commit
081227ac5a
@ -1,95 +0,0 @@
|
||||
[#]: 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: " "
|
||||
|
||||
How to Automatically Indent Your Code in Visual Studio Code
|
||||
======
|
||||
|
||||
The indent in code refers to the space you have at the beginning of the code line. Like other code editors and IDEs, VS Code allows you to indent your code automatically.
|
||||
|
||||
You can set tabs or spaces or whatever you prefer for the indentation.
|
||||
|
||||
Sounds good? Let’s see how to do it.
|
||||
|
||||
### Enable automatic indent in VS Code
|
||||
|
||||
There are multiple ways you can achieve this. In this guide, I will show you three ways to indent your code in visual studio code automatically.
|
||||
|
||||
#### Method 1: Configuring global user settings
|
||||
|
||||
You can access the global user settings via the command pallet. Use `Ctrl + Shift + P` to open the command pallet and search for `Open User Settings` and hit enter:
|
||||
|
||||
![access user setting from command pallet in vscode][1]
|
||||
|
||||
It will open up the settings. From there, you will have to search for `Auto Indent` and choose **Full** as an indent option in **Editor: Auto Indent**:
|
||||
|
||||
![enable auto indent from global user settings in vscode][2]
|
||||
|
||||
And the automatic indent is enabled and applied to every opened file in VSCode.
|
||||
|
||||
#### Method 2: Using linter or formatter for automatic indent in VS Code
|
||||
|
||||
In this method, you will be required to add extensions such as a code formatter or linter to have the desired results.
|
||||
|
||||
Linters will identify the errors in code, whereas formatters will only format your code to make it more readable. You can search for code formatters in the [VSCode marketplace][3] specific to your programming language.
|
||||
|
||||
And here are some of my favorite code formatters and linters for widely popular languages:
|
||||
|
||||
- [C/C++][4]: For C and C++ programming language.
|
||||
- [PHP][5]: For PHP.
|
||||
- [markdownlint][6]: For markdown files.
|
||||
- [Python][7]: For Python programming language.
|
||||
- [ESLint][8]: For JSON and javascript.
|
||||
- [Beautify][9]: For javascript, JSON, CSS, Sass, and HTML.
|
||||
|
||||
Once you are done adding a formatter for your preferred programming language, you can press `Ctrl _ Shift + I` to format the code.
|
||||
|
||||
Similarly, you can use do the same using the command pallet. Press `Ctrl + Shift + P` to and search for **Format document**, and hit enter.
|
||||
|
||||
![indent code in VSCode][10]
|
||||
|
||||
#### Method 3: Enable auto indent while saving the file
|
||||
|
||||
VSCode allows you to format your code while saving it with a little tweak. Let me show you how.
|
||||
|
||||
Press `Ctrl + ,` and it will open the user settings prompt. From there, search for **Format On Save**:
|
||||
|
||||
![enable format on save option][11]
|
||||
|
||||
And from now on, your files will add an indent automatically when you save them.
|
||||
|
||||
### Wrapping Up
|
||||
|
||||
In this guide, I explained how you can add an indent automatically in VSCode. I would recommend using the second method for better flexibility.
|
||||
|
||||
I hope you will find this guide helpful and if you have any queries or suggestions, let me know in the comments.
|
||||
|
||||
--------------------------------------------------------------------------------
|
||||
|
||||
via: https://itsfoss.com/auto-indent-vs-code/
|
||||
|
||||
作者：[Sagar Sharma][a]
|
||||
选题：[lkxed][b]
|
||||
译者：[译者ID](https://github.com/译者ID)
|
||||
校对：[校对者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
|
||||
@ -0,0 +1,96 @@
|
||||
[#]: 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
|
||||
Loading…
Reference in New Issue
Block a user