使用VS Code插件Prettier实现代码自动格式化_技术学堂

使用VS Code插件Prettier实现代码自动格式化

发布时间：2025-12-01 21:05

发布者：网络

浏览次数：

配置Prettier实现代码自动格式化：1. 安装Prettier插件；2. 开启保存时自动格式化；3. 设置Prettier为默认格式化工具；4. 创建.prettierrc文件定义项目规则，统一团队代码风格。

使用vs code插件prettier实现代码自动格式化

在使用 VS Code 开发项目时，借助 Prettier 插件可以轻松实现代码的自动格式化，提升代码可读性和团队协作效率。只需要简单配置，就能在保存文件时自动美化代码。

打开 VS Code，进入扩展商店（快捷键 Ctrl+Shift+X），搜索 Prettier - Code formatter，选择下载量高、维护活跃的官方插件并安装。

为了让代码在保存时自动格式化，需要开启 VS Code 的自动格式化功能：

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

"editor.formatOnS*e": true

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

Narration Box

Narration Box是一种语音生成服务，用户可以创建画外音、旁白、有声读物、音频页面、播客等

查看详情

或者在 settings.json 中指定：

"editor.defaultFormatter": "esbenp.prettier-vscode"

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

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

这样团队成员都能遵循统一的代码风格。

基本上就这些。配置完成后，每次保存代码都会自动按规则格式化，省时又规范。不复杂但容易忽略细节。

以上就是使用VS Code插件Prettier实现代码自动格式化的详细内容，更多请关注其它相关文章！