如何在 VSCode 中自动缩进你的代码

开发 开发工具
在本指南中,我将向你展示三种在 VSCode 中自动缩进代码的方法。

代码中的缩进指的是你在代码行的开头处的空格。像其他代码编辑器和 IDE 一样,VSCode 允许你自动缩进你的代码。

你可以设置使用制表符或空格或任何你喜欢的缩进方式。

听起来不错吧?让我们来看看怎么做。

在 VSCode 中启用自动缩进

你有多种方法可以实现这个目标。在本指南中,我将向你展示三种在 VSCode 中自动缩进代码的方法。

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

你可以通过命令模式访问全局用户设置。使用 ​​Ctrl + Shift + P​​ 来打开命令模式,搜索 ​​Open User Settings​​ 并按下回车:

access user setting from command pallet in vscode

access user setting from command pallet in vscode

它将打开设置。在那里,你需要搜索 ​​Auto Indent​​,并在 “编辑器:自动缩进Editor: Auto Indent” 中选择 “全部Full”:

enable auto indent from global user settings in vscode

enable auto indent from global user settings in vscode

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

方法 2:在 VSCode 中使用检查器或格式化工具进行自动缩进

在这种方法中,你需要添加扩展程序,如代码格式化工具或者检查器,以获得理想的结果。

检查器Linter会识别代码中的错误,而格式化工具Formatter只对你的代码进行格式化,使其更具可读性。你可以在 ​​VSCode 市场​​ 中搜索特定于你的编程语言的代码格式化器。

这里有一些我最喜欢的广泛流行语言的代码格式化工具和检查器:

当你为你喜欢的编程语言添加了格式化工具,你可以按 ​​Ctrl + Shift + I​​ 来格式化代码。

同样地,你也可以使用命令模式做同样的事情。按 ​​Ctrl + Shift + P​​,并搜索 ​​Format document​​,然后按下回车。

indent code in VSCode

indent code in VSCode

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

VSCode 允许你在保存你的代码时,通过一个小小的调整来格式化它。让我告诉你怎么做。

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

enable format on save option

enable format on save option

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

总结

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

我希望你会发现本指南对你有帮助。

责任编辑:庞桂玉 来源: Linux
相关推荐

2022-06-09 13:52:35

Vue协作开发项目

2021-09-03 09:06:42

代码时间开发

2021-05-23 15:46:23

React代码前端

2011-04-06 13:40:48

Delphi

2017-04-13 10:46:14

Webpack执行代码分割

2020-03-31 21:50:41

JavaScript前端技术

2019-09-08 15:43:19

UbuntuLinuxIP地址

2019-11-15 16:20:35

Windows 10自动重启Windows

2020-05-28 09:16:05

UbuntuLinux

2009-12-16 11:54:35

WindowsLinuxUnix

2021-06-03 08:05:46

VSCode 代码高亮原理前端

2019-10-18 10:30:14

Windows 10自动关机Windows

2022-07-07 07:22:01

浏览器JavaScript工具

2021-07-16 08:00:00

开发VSCode编辑器

2010-02-07 14:34:46

Ubuntu vim

2019-04-25 09:49:55

Windows 10自动电源Windows

2019-03-15 10:25:08

Windows 10Windows回收站

2020-10-26 10:11:45

Jupyter Not早起Python开发

2020-10-04 11:25:18

安全技术工具

2017-03-06 15:36:39

敏捷开发反馈信息
点赞
收藏

51CTO技术栈公众号