如何在VSCode中实现代码自动对齐?一篇教你搞定

简介

在日常编码过程中,保持代码整洁统一是良好编程习惯的重要体现。VSCode 作为一款深受开发者喜爱的编辑器,支持强大的代码自动对齐和格式化功能。本文将详细介绍如何在 VSCode 中设置代码自动对齐功能,帮助你提升开发效率。本篇教程以win系统举例演示。

 

方法

一、启用 VSCode 自带格式化功能

VSCode 本身就带有格式化支持,适用于多种语言例如 JavaScript、HTML、CSS、Python 等

首先打开VSCode,进入「设置」界面,按键盘上的快捷键【Ctrl  +   ,】 或者mac系统上【⌘  +  ,】

- vscodedaimazidongduiqi01

然后搜索关键字【Format On Save】,这样每次保存时,VSCode 会自动格式化代码

- vscodedaimazidongduiqi02

 

二、安装格式化插件(推荐)

VSCode 支持多种格式化插件,常用的有:

Prettier – Code Formatter(前端常用)

ESLint(适用于 JavaScript/TypeScript)

Black(Python 格式化)

Beautify(HTML/CSS 格式化)

使用快捷键【Ctrl + Shift + X】,我这里随便搜索了一个。安装好之后,VSCode 会自动识别并启用

- vscodedaimazidongduiqi04

 

三、快捷键手动格式化代码

可能有些时候,只需要临时格式化某一部分代码,那么我们可以纯手动的使用快捷键有

我个人比较喜欢这样操作

选中你需要格式化的代码,或者直接【ctrl + A 全选】

ctrl + K

第二步,格式化

ctrl + F

 

当然不使用【ctrl + K】也可以直接使用这样的方式,整个文件格式化(部分格式化,上面的方法,或者只能使用插件)

Windows / Linux:

Shift + Alt + F

Mac

Shift + Option + F

上一篇 CloudCone2025复活节特惠来袭:洛杉矶VPS爆款仅$17/年,限时限量抢购中!
下一篇 如何在 Visual Studio 和 VSCode 中批量注释代码(附快捷键)

投稿邮箱:
ivpsr888@gmail.com (投稿详情)

TG订阅频道:
t.me/ivpsr_news 网站最新内容推送

TG交流群:
(点击加入) 用户交流

文章列表
1
2023年vimeo视频下载神器PoVim/Power Video Downloader for Vimeo
2023年vimeo视频下载神器PoVim/Power Video Downloader for Vimeo
2
V5Net香港独立服务器盲盒:198元/月,1Gbps带宽、6TB流量、双IPv4超值套餐
V5Net香港独立服务器盲盒:198元/月,1Gbps带宽、6TB流量、双IPv4超值套餐
3
提供给新手各视频站点下载视频地址解析经验汇总-支持国内外
提供给新手各视频站点下载视频地址解析经验汇总-支持国内外
4
lightnode:巴西vps简单测评,真实测评分享,lightnode怎么样?
lightnode:巴西vps简单测评,真实测评分享,lightnode怎么样?
5
一招教会你检测国外服务器端口被墙/被封情况的方法
一招教会你检测国外服务器端口被墙/被封情况的方法
6
热网互联:低至33元/月的美国cera机房简单测评,好与不好看完便知不黑不吹
热网互联:低至33元/月的美国cera机房简单测评,好与不好看完便知不黑不吹
7
hostdare:#双十一特惠# 美国CN2 GIA系列低至$24/年,日本软银VPS低至$30/年,美国VPS低至$9.1/年
hostdare:#双十一特惠# 美国CN2 GIA系列低至$24/年,日本软银VPS低至$30/年,美国VPS低至$9.1/年
8
免费领百度网盘VIP白薅羊毛
免费领百度网盘VIP白薅羊毛
9
2023年SuperSpeed测速脚本/Linux一键测速脚本三网测试
2023年SuperSpeed测速脚本/Linux一键测速脚本三网测试
10
RAKsmart:7月升级特价优惠,美国独立服务器,美国站群服务器只有你想不到的低价,半价甩!
RAKsmart:7月升级特价优惠,美国独立服务器,美国站群服务器只有你想不到的低价,半价甩!