vscode 代码排版
时间: 2025-04-21 20:27:31 浏览: 21
### VSCode 代码格式化配置与使用方法
#### 配置全局设置
为了确保一致性和便捷性,在VSCode中可以通过修改`.vscode`文件夹下的`settings.json`来指定使用的代码格式化工具[^1]。此操作不仅限定了项目的默认行为,还允许团队成员共享相同的编码风格。
```json
{
"editor.defaultFormatter": "esbenp.prettier-vscode",
"[javascript]": {
"editor.formatOnSave": true,
"editor.defaultFormatter": "esbenp.prettier-vscode"
}
}
```
上述JSON片段展示了如何设定Prettier作为JavaScript文件类型的默认格式化工作者,并开启保存时自动格式化功能[^2]。
#### 手动触发格式化命令
除了依赖于编辑器事件(如保存文档),还可以通过快捷键或命令面板手动执行格式化动作:
- 使用 `Shift + Alt + F` 组合键快速应用选定范围内的格式调整;
- 或者打开命令面板 (`Ctrl + Shift + P`) 并输入 `Format Document` 来启动整个文件的重新排版过程。
#### 自定义格式化选项
如果希望进一步定制格式化的行为,则可以在用户级或工作区级别的`settings.json`里添加特定参数。例如,当选用Prettier时,可加入如下配置项以控制单行最大宽度以及是否打印尾随逗号等细节特性:
```json
"prettier.printWidth": 80,
"prettier.trailingComma": "all"
```
这些自定义规则能够帮助开发者更好地适应个人偏好或是遵循所在组织内部的技术规范。
阅读全文
相关推荐


















