安装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 被识别为当前项目的默认格式化程序：
易森网络企业版
如果您是新用户，请直接将本程序的所有文件上传在任一文件夹下，Rewrite 目录下放置了伪静态规则和筛选器，可将规则添加进IIS，即可正常使用，不用进行任何设置；(可修改图片等)默认的管理员用户名、密码和验证码都是：yeesen系统默认关闭，请上传后登陆后台点击“核心管理”里操作如下:进入“配置管理”中的&ld
0 查看详情 
右键点击代码文件，选择“格式化文档”如果提示选择格式化工具，点击 Configure Default Formatter选择 Prettier – Code formatter
也可以在 settings.json 中手动指定：
{
“editor.defaultFormatter”: “esbenp.prettier-vscode”
}
项目级配置（.prettierrc）
若想自定义格式规则，可在项目根目录创建 .prettierrc 文件，例如：
{
“semi”: false,
“singleQuote”: true,
“trailingComma”: “es5”
}
这些规则会覆盖 Prettier 默认行为，团队协作时建议统一配置。
基本上就这些。配置完成后，写代码时就能享受一致、整洁的格式了，省去手动调整的麻烦。
以上就是如何在VSCode中配置Prettier的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/777458.html
微信扫一扫 
支付宝扫一扫 
