如何让VsCode自动格式化代码?

一、任务概述

大家好!非常感谢您抽出宝贵的时间来参加今天的分享会。今天我将与大家分享如何使用VsCode来设置自动格式化代码功能。

首先,我们来看一下一个格式混乱的代码示例。虽然这样的代码不影响程序运行结果,但是它看起来混乱不堪,如果手动进行格式化,那真是费时又费力。

那么,怎样才能让我们的代码始终保持整洁呢?这就需要用到VsCode的自动格式化功能了。下面,我将向大家演示如何设置这个功能。

在VsCode中,我们可以选择“File”菜单下的“Preferences”,然后选择“Settings”。在这里,我们可以找到“Workspace”选项卡下的“Formatting”设置。在这个页面上,我们可以看到两个复选框:“Format on Paste”和“Format on Save”。

我们将这两个复选框都勾选上,这样,当我们在编辑器中粘贴代码或者保存文件时,系统就会自动对代码进行格式化。设置完之后,系统会自动下载所需的插件,用户无需担心这个问题。

接下来,让我们实际操作一下。首先,我们打开一个需要格式化的文件,然后随便输入一些混乱的代码。当我们保存这个文件时,系统会自动对代码进行格式化。

最后,我们再来看看经过格式化后的代码。可以看到,现在代码已经变得非常整洁,每一行的长度适中,缩进也保持一致。这不仅使代码更容易阅读,也有助于我们更好地理解和维护自己的代码。

通过今天的分享,希望大家都能够掌握如何使用VsCode的自动格式化功能,让我们的代码始终保持整洁。再次感谢大家的参与,祝大家学习进步!

二、完成任务

(一)展示格式混乱的代码

  • 虽然不影响程序运行结果,但是代码看着混乱不堪,如果手动格式化,那真是费事!
    在这里插入图片描述

(二)设置粘贴、保存时自动格式化代码

  • File - Preferences - Settings
    在这里插入图片描述
  • Workspace - Formatting
  • Format on Paste和Format on Save两个复选框打上勾
    在这里插入图片描述
  • 操作演示
    在这里插入图片描述
  • 设置完之后,系统会下载自动格式化的插件,用户不用去操心。

(三)演示代码自动格式化

  • 保存程序,代码自动格式化
    在这里插入图片描述
  • 查看自动格式化后的代码
    在这里插入图片描述
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

howard2005

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值