仙游网站建设公司公司网站制作公司

配置 Prettier 在 VSCode 中自动格式化代码的教程

1. 安装 Prettier VSCode 插件

1. 打开 VSCode。
2. 点击左侧活动栏的扩展市场图标（或按 Ctrl+Shift+X）。
3. 在搜索栏中输入 Prettier - Code formatter。
4. 找到插件并点击 Install 安装它。

2. 配置 VSCode 设置

确保 VSCode 配置正确，使其在保存文件时自动格式化代码：

1. 打开 VSCode 设置文件（按 Ctrl + , 或 Cmd + ,）。

2. 选择右上角的 {} 图标，打开 settings.json 文件。

3. 添加以下配置：

   // prettier vscode格式化选型配置
   “editor.defaultFormatter”: “esbenp.prettier-vscode”, // 默认的代码格式化工具
   “[javascript]”: {
   “editor.defaultFormatter”: “esbenp.prettier-vscode”,
   “editor.formatOnSave”: true
   },
   “[typescript]”: {
   “editor.defaultFormatter”: “esbenp.prettier-vscode”,<