1. 什么是代码格式化？
代码格式化是指利用特定的规则改变代码的排版和缩进，使代码更加易于阅读和维护。代码格式化可以使代码风格更加统一，规范，使得代码易于理解和学习，并且可以避免一些常见的错误。
2. vscode 中的代码格式化工具
vscode 中内置了很多代码格式化工具，可以通过简单的配置使用。
2.1 Prettier
Prettier 是一款代码格式化工具，可以自动格式化代码，使之符合预先设定的代码风格。Prettier 可以在 vscode 中使用，可以通过一些简单的配置对代码进行格式化。
首先，需要在 vscode 中安装 Prettier 扩展，在扩展商店中搜索 Prettier 并安装，安装完成后，需要在用户设置（Preferences -> Settings）中进行一些配置。可以在用户设置中直接搜索 Prettier，进行如下配置：
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[html]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[css]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
这样，当编辑 JavaScript，HTML 或 CSS 文件时，就可以自动使用 Prettier 进行代码格式化。
2.2 ESLint
ESLint 是一款代码检查工具，可以帮助开发者发现代码中的潜在问题，并对代码进行质量控制。ESLint 可以与 vscode 配合使用，可以通过简单的配置对代码进行格式化。
首先，需要在 vscode 中安装 ESLint 扩展，在扩展商店中搜索 ESLint 并安装，安装完成后，需要在用户设置中进行一些配置。可以在用户设置中直接搜索 ESLint，进行如下配置：
"[javascript]": {
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
}
},
这样，当编辑 JavaScript 文件时，保存时就会自动使用 ESLint 对代码进行格式化。
3. 如何手动格式化代码？
当代码没有完成自动格式化时，可以通过一些代码编辑快捷键手动对代码进行格式化。
3.1 快捷键操作
在 vscode 中，可以通过快捷键手动对代码进行格式化。例如，对选中的代码段进行格式化可以使用 Shift + Alt + F。
3.2 命令面板操作
vscode 中还提供了一个命令面板，可以帮助开发者快速对代码进行格式化。可以通过快捷键 Ctrl + Shift + P 进入命令面板，然后输入 format code，选择对应的命令即可对代码进行格式化。
4. 总结
通过上述介绍，我们可以了解到 vscode 中的代码格式化工具，并可以使用 Prettier 和 ESLint 对代码进行自动格式化。当无法自动格式化时，可以通过快捷键或命令面板手动对代码进行格式化。代码格式化可以使代码更加易于阅读和维护，规范化代码风格，避免一些常见的错误。