1. 什么是代码格式化？
代码格式化是指在规定的一定范围内，自动将代码按照一定的规范、一定的缩进格式自动排版，以达到更易于阅读理解的效果。
在我们编写代码的过程中，难免会出现代码格式混乱的情况。即便是经验丰富的开发者，有时也会因为操作失误或者时间紧张等原因，导致代码格式混乱。这时候，我们就需要用到一些工具自动帮我们格式化代码
2. vscode自动格式化代码的方式
使用vscode自动格式化代码，有多种方式，我们可以通过快捷键或者设置实现。
2.1 快捷键格式化代码
使用快捷键可以更快捷地完成代码格式化。
在vscode中，我们可以使用快捷键Shift+Alt+F自动格式化代码。首先，我们需要选中想要格式化的代码区域，然后按下快捷键即可完成格式化。除此之外，你也可以不选中文本而是直接在文件编辑器中右键点击，然后选择“Format Document”选项，代码就会自动格式化。
2.2 在保存时格式化代码
在vscode的设置中，我们也可以开启保存时自动格式化代码的选项。
我们可以在vscode的设置（setting.json）中添加以下代码：
"editor.formatOnSave": true将其设置为true，然后在保存文件时，vscode将自动为我们格式化代码。
2.3 使用扩展格式化代码
在vscode中，我们也可以通过安装一些扩展来完成代码格式化。
例如，安装“Prettier - Code formatter”扩展，它有着更为强大的代码格式化功能，可以根据配置文件来对代码做出更加细致地调整。
3. vscode自动格式化代码的配置
在vscode中，我们也可以通过配置文件（setting.json）来修改自动格式化代码的配置。
3.1 配置缩进
在vscode中，我们可以通过以下代码来配置缩进：
"[html]": {
"editor.tabSize": 2,
"editor.insertSpaces": true
}
表示在html文件中，使用两个空格来进行缩进，并且使用空格代替tab进行缩进。
同理，在其他文件类型中，我们也可以按照这种方式进行配置。
3.2 配置语句末尾的分号
在vscode中，我们还可以通过以下代码来配置语句末尾的分号：
"javascript.format.semicolons": "insert"将其设置为“insert”，表示自动插入语句末尾的分号。如果设置为“remove”，则表示自动删除语句末尾的分号。
3.3 配置引号类型
在vscode中，我们还可以通过以下代码来配置引号类型：
"typescript.preferences.quoteStyle": "single"将其设置为"single"，表示使用单引号；设置为"double"，则表示使用双引号。
4. 总结
代码格式化在我们的编码过程中是非常重要的，它可以提高我们的效率，增加我们的阅读体验。vscode提供了多种自动格式化代码的方式，我们可以选择合适的方式来进行代码格式化。