首页 前端知识 【攻破css系列——附加篇】vscode自动格式化

【攻破css系列——附加篇】vscode自动格式化

2024-05-30 10:05:27 前端知识 前端哥 816 218 我要收藏

文章目录

  • 1. 快速格式化
    • 1.1 格式化的定义
    • 1.2 vscode的格式化组合键
  • 2. 自动格式化
    • 2.1 定义
    • 2.2 设置自动格式化的步骤

在这里插入图片描述


1. 快速格式化

1.1 格式化的定义

格式化会让我们的代码正确缩进,同级标签的缩进空格一致,最后使我们代码更好看且易懂

没有格式化我们的代码长这样:

在这里插入图片描述

格式化后我们的代码长这样:

在这里插入图片描述


1.2 vscode的格式化组合键

我们只需要按下面这个组合键就可以实现格式化了

shift + alt + f

2. 自动格式化

2.1 定义

如果一个项目我们需要不断格式化,那就有点不太方便,虽然也很快就是了。所以,如果我们能够在保存的时候就自动保存该多好。


2.2 设置自动格式化的步骤

文件 --> 首选项 --> 设置 --> 在框内输入 format --> 选择文本编辑器的格式化 --> 第二项打钩✅ --> ctrl+s 就可以在保存的时候自动格式化

步骤图如下:

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述


本文主要学习黑马程序员pink老师的视频

如有错误,敬请指正,欢迎交流🤝,谢谢♪(・ω・)ノ

转载请注明出处或者链接地址:https://www.qianduange.cn//article/10119.html
标签
评论
发布的文章

用点jquery实现的登录页面

2024-06-06 00:06:07

echarts-锥型柱状图

2024-06-06 00:06:05

echarts的使用

2024-06-06 00:06:00

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!