安装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 save”勾选 Editor: Format On Save
也可以在settings.json中手动添加配置：
启科网络PHP商城系统
启科网络商城系统由启科网络技术开发团队完全自主开发，使用国内最流行高效的PHP程序语言，并用小巧的MySql作为数据库服务器，并且使用Smarty引擎来分离网站程序与前端设计代码，让建立的网站可以自由制作个性化的页面。 系统使用标签作为数据调用格式，网站前台开发人员只要简单学习系统标签功能和使用方法，将标签设置在制作的HTML模板中进行对网站数据、内容、信息等的调用，即可建设出美观、个性的网站。
0 查看详情 
{
“editor.defaultFormatter”: “esbenp.prettier-vscode”,
“editor.formatOnSave”: true
}
项目级配置（可选）
若希望团队统一格式规则，可在项目根目录添加.prettierrc文件定义个性化选项。
例如：
{
“semi”: false,
“singleQuote”: true,
“trailingComma”: “es5”
}
Prettier会自动读取该配置，实现项目间一致的格式风格。
基本上就这些。配置完成后，每次保存代码都会自动美化，无需手动操作。不复杂但容易忽略细节。
以上就是使用Prettier扩展在VSCode中自动格式化代码的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/754008.html
微信扫一扫 
支付宝扫一扫 
