如何让VSCode自动格式化我的代码？

配置VSCode自动格式化需安装对应语言的格式化工具并启用保存时自动格式化。1. 安装扩展如Prettier、ESLint或black；2. 在设置中开启"editor.formatOnS*e"；3. 指定默认格式化程序避免冲突；4. 推荐整合ESLint与Prettier确保代码规范统一。完成后，保存即自动美化代码。

让 VSCode 自动格式化代码，关键在于正确配置编辑器设置并安装合适的格式化工具。只要设置一次，保存文件时就能自动美化代码，提升整洁度和一致性。

安装合适的格式化程序

VSCode 本身不内置代码格式化引擎，需要根据你使用的语言安装对应的扩展：

• J*aScript/TypeScript： ESLint 或 Prettier
• Python： autopep8、black 或 yapf
• HTML/CSS/JSON： Prettier 支持良好
• Go、Rust 等：对应语言官方工具（如 gofmt、rustfmt）

打开扩展面板（Ctrl+Shift+X），搜索并安装你需要的格式化工具。

启用保存时自动格式化

设置保存文件时自动触发格式化，是最常用的方式：

• 打开设置（Ctrl+,）
• 搜索 format on s*e
• 勾选 Editor: Format On S*e

也可以在 settings.json 中手动添加：

"editor.formatOnS*e": true

设置默认格式化工具

如果你安装了多个格式化程序，需指定哪个为默认：

动感购物HTML

修正了V1.10的一些BUG感购物HTML系统是集合目前网络所有购物系统为参考而开发，代码采用DIV编号，不管从速度还是安全我们都努力做到最好，此版虽为免费版但是功能齐全，无任何错误，特点有：专业的、全面的电子商务解决方案，使您可以轻松实现网上销售；自助式开放性的数据平台，为您提供充满个性化的设计空间；功能全面、操作简单的远程管理系统，让您在家中也可实现正常销售管理；严谨实用的全新商品数据库，便于

0 查看详情

• 右键点击代码文件，选择“格式化文档”
• 如果未设置默认，VSCode 会提示你选择
• 选择你希望长期使用的工具，并勾选“设为默认”

也可在 settings.json 中明确指定：

"[j*ascript]": {
  "editor.defaultFormatter": "esbenp.prettier-vscode"
}

处理格式化冲突（推荐）

当使用 ESLint 和 Prettier 同时存在时，建议统一规范：

• 安装 Prettier 扩展
• 安装 ESLint 扩展
• 在项目中配置 .eslintrc 使用 eslint-config-prettier 关闭与 Prettier 冲突的规则
• 设置 ESLint 修复问题时也格式化代码：

"editor.codeActionsOnS*e": {
  "source.fixAll.eslint": true
}

这样既能格式化，又能保持代码质量检查一致。

基本上就这些。配置完成后，每次保存代码都会自动整理，省去手动调整缩进和空格的麻烦。关键是选对工具并开启保存时格式化，后续开发会清爽很多。

以上就是如何让VSCode自动格式化我的代码？的详细内容，更多请关注其它相关文章！