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

1. 快速格式化

1.1 格式化的定义

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

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

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

1.2 vscode的格式化组合键

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

shift + alt + f
1

2. 自动格式化

2.1 定义

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

2.2 设置自动格式化的步骤

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

步骤图如下:

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

如有错误，敬请指正，欢迎交流🤝，谢谢♪(･ω･)ﾉ