prettier配置
配置 Prettier 在 VSCode 中自动格式化代码的教程
1. 安装 Prettier VSCode 插件
- 打开 VSCode。
- 点击左侧活动栏的扩展市场图标(或按
Ctrl+Shift+X
)。 - 在搜索栏中输入
Prettier - Code formatter
。 - 找到插件并点击
Install
安装它。
2. 配置 VSCode 设置
确保 VSCode 配置正确,使其在保存文件时自动格式化代码:
-
打开 VSCode 设置文件(按
Ctrl + ,
或Cmd + ,
)。 -
选择右上角的
{}
图标,打开settings.json
文件。 -
添加以下配置:
// prettier vscode格式化选型配置
“editor.defaultFormatter”: “esbenp.prettier-vscode”, // 默认的代码格式化工具
“[javascript]”: {
“editor.defaultFormatter”: “esbenp.prettier-vscode”,
“editor.formatOnSave”: true
},
“[typescript]”: {
“editor.defaultFormatter”: “esbenp.prettier-vscode”,<