使用Prettier扩展在VSCode中自动格式化代码

安装Prettier扩展并设置为默认格式化工具，启用保存时自动格式化，可实现代码自动排版；通过settings.json配置默认格式化程序和保存时格式化功能，项目根目录添加.prettierrc文件可统一团队代码风格。

在VSCode中使用Prettier扩展自动格式化代码，能大幅提升开发效率和代码一致性。只需正确配置，保存文件时代码就会自动按规范排版。

安装Prettier扩展

打开VSCode，进入左侧扩展面板，搜索“Prettier - Code formatter”，选择由Prettier官方发布的版本并点击安装。

设置Prettier为默认格式化工具

安装完成后，需要将Prettier设为默认格式化程序，确保它能被正确调用。

• 打开VSCode设置（可通过Ctrl+,进入）
• 搜索“Default Formatter”
• 将“Editor: Default Formatter”设置为 esbenp.prettier-vscode

启用保存时自动格式化

让代码在保存时自动格式化，是最常用的便捷功能。

• 在设置中搜索“format on s*e”
• 勾选 Editor: Format On S*e

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

CPWEB企业网站管理系统2.2 Beta

CPWEB企业网站管理系统（以下称CPWEB）是一个基于PHP+Mysql架构的企业网站管理系统。CPWEB 采用模块化方式开发，功能强大灵活易于扩展，并且完全开放源代码，面向大中型站点提供重量级企业网站建设解决方案。CPWEB企业网站管理系统 2.2 Beta 测试版本，仅供测试，不建议使用在正式项目中，否则发生任何的后果自负。

0 查看详情 {
 "editor.defaultFormatter": "esbenp.prettier-vscode",
 "editor.formatOnS*e": true
}

项目级配置（可选）

若希望团队统一格式规则，可在项目根目录添加.prettierrc文件定义个性化选项。

例如：

{
 "semi": false,
 "singleQuote": true,
 "trailingComma": "es5"
}

Prettier会自动读取该配置，实现项目间一致的格式风格。

基本上就这些。配置完成后，每次保存代码都会自动美化，无需手动操作。不复杂但容易忽略细节。

以上就是使用Prettier扩展在VSCode中自动格式化代码的详细内容，更多请关注其它相关文章！