安装Prettier插件并启用保存时自动格式化，设置其为默认格式化工具，通过settings.json和项目级.prettierrc文件自定义规则，实现代码风格统一。

要在 vscode 中配置 Prettier 实现代码自动格式化，只需安装插件并设置规则，让开发体验更高效。

安装 Prettier 插件

打开 VSCode 扩展市场，搜索 Prettier – Code formatter，选择由 Prettier 官方维护的插件进行安装。安装完成后，Prettier 就可以在编辑器中使用了。

启用保存时自动格式化

为了让代码在保存文件时自动格式化，需要开启对应设置：

• 打开 VSCode 设置（可通过 Ctrl + , 快捷键）
• 搜索 format on save
• 勾选 Editor: Format On Save

这样每次保存文件时，Prettier 会自动运行，保持代码风格统一。

设置 Prettier 为默认格式化工具

确保 Prettier 被识别为当前项目的默认格式化程序：

冬瓜配音

ai在线配音生成器

66

查看详情

• 右键点击代码文件，选择“格式化文档”
• 如果提示选择格式化工具，点击 Configure default Formatter
• 选择 Prettier – Code formatter

也可以在 settings.json 中手动指定：

{
“editor.defaultFormatter”: “esbenp.prettier-vscode“
}

项目级配置（.prettierrc）

若想自定义格式规则，可在项目根目录创建 .prettierrc 文件，例如：

{
“semi”: false,
“singleQuote”: true,
“trailingComma”: “es5”
}

这些规则会覆盖 Prettier 默认行为，团队协作时建议统一配置。

基本上就这些。配置完成后，写代码时就能享受一致、整洁的格式了，省去手动调整的麻烦。