首先安装并设置格式化工具为默认程序,如Prettier;然后在项目根目录添加配置文件(如.prettierrc)定义代码风格;接着在VSCode设置中启用“保存时自动格式化”功能,可通过settings.json添加"editor.formatOnSave": true;最后确保项目本地安装对应格式化工具包,以保持团队环境一致,实现保存时自动按规则格式化代码。
为 VSCode 设置代码格式化规则并自动执行,关键是配置编辑器的格式化工具和启用保存时自动格式化功能。下面是如何实现这一目标的具体步骤。
选择并安装合适的格式化工具
VSCode 本身不自带格式化引擎,需要依赖扩展来处理不同语言的格式化。常见的工具有 Prettier、ESLint(JavaScript/TypeScript)、Black(Python)等。
打开 VSCode 扩展市场(快捷键 Ctrl+Shift+X)
搜索并安装对应语言的格式化工具,例如 “Prettier - Code formatter”
安装完成后,确保该工具被设为默认格式化程序
设置默认格式化程序的方法:右键编辑器 -> 选择“格式化文档时使用” -> 选择对应工具(如 Prettier),并勾选“设为默认”。
配置项目级格式化规则
为了统一团队或项目的代码风格,建议在项目根目录添加
配置文件
。
对于 JavaScript/TypeScript 项目,可添加
.prettierrc
文件定义格式规则:
{
"semi": true,
"trailingComma": "es5",
"singleQuote": true,
"printWidth": 80
}
同时可添加
.prettierignore
忽略不需要格式化的文件
若使用 ESLint,可通过
.eslintrc
配置,并启用
启用保存时自动格式化
让 VSCode 在保存文件时自动应用格式化,提升效率。
Midjourney AI 提示词工具
PHP中文网提供Midjourney AI 提示词在线生成工具,专为解决 AI 绘画“词穷”痛点而生,用户只需输入“一只猫”等简单想法,工具便能利用 AI 智能扩展出包含艺术风格、光影构图、镜头参数及负面提示词的专业级英文 Prompt。它完美兼容 Midjourney V8.1 及 Niji 模型,支持一键复制与参数自动优化,大幅降低创作门槛,是提升出图质量与效率的必备辅助神器。
下载
打开 VSCode 设置(Ctrl+,)
搜索 “format on save”
勾选
Editor: Format On Save
也可在
settings.json
中手动添加:
"editor.formatOnSave": true
如果希望仅对特定语言启用,可以使用语义化配置:
"[javascript]": {
"editor.formatOnSave": true
}
确保格式化工具能正确运行
有些格式化工具需在项目中安装对应的包才能生效。
例如使用 Prettier,建议在项目中本地安装:
npm install --save-dev prettier
这样能保证团队成员使用相同版本,避免格式差异
VSCode 默认优先使用项目本地的格式化工具
基本上就这些。配置完成后,每次保存代码都会按设定规则自动格式化,保持代码整洁一致。关键是选对工具、配好规则、开启保存格式化,并确保环境一致。不复杂但容易忽略细节。
eslint.format.enable