安装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 被识别为当前项目的默认格式化程序：
通吃客零食网整站 for Shopex
下载
第一步】：将安装包中所有的文件夹和文件用ftp工具以二进制方式上传至服务器空间;(如果您不知如何设置ftp工具的二进制方式，可以查看：(http://www.shopex.cn/support/qa/setup.help.717.html)【第二步】：在浏览器中输入 http://您的商店域名/install 进行安装界面进行安装即可。【第二步】：登录后台，工具箱里恢复数据管理后台是url/sho
- 右键点击代码文件，选择“格式化文档”
- 如果提示选择格式化工具，点击 Configure Default Formatter
- 选择 Prettier - Code formatter
也可以在 settings.json 中手动指定：
{"editor.defaultFormatter": "esbenp.prettier-vscode"
}
项目级配置（.prettierrc）
若想自定义格式规则，可在项目根目录创建 .prettierrc 文件，例如：
{"semi": false,
"singleQuote": true,
"trailingComma": "es5"
}
这些规则会覆盖 Prettier 默认行为，团队协作时建议统一配置。
基本上就这些。配置完成后，写代码时就能享受一致、整洁的格式了，省去手动调整的麻烦。
