怎样配置VSCode在提交前自动格式化代码并运行lint检查？-VSCode-PHP中文网

怎样配置VSCode在提交前自动格式化代码并运行lint检查？

狼影

发布： 2025-09-26 21:26:01

原创

973人浏览过

配置Prettier和ESLint实现代码格式化与检查，2. 通过Husky和lint-staged在git commit前自动执行格式化与lint，3. 统一团队配置确保代码风格一致，最终实现提交前自动化代码质量保障。

怎样配置vscode在提交前自动格式化代码并运行lint检查？

要在提交代码前让 VSCode 自动格式化并运行 lint 检查，不能仅靠编辑器本身设置完成，需要结合 Git 的 husky 和代码检查工具（如 ESLint、Prettier）来实现。VSCode 提供格式化支持，但自动触发是在 Git 提交阶段通过钩子完成的。

确保项目中已安装并配置好代码格式化和检查工具：

同时，在 VSCode 中设置默认格式化工具：

{ "editor.defaultFormatter": "esbenp.prettier-vscode", "editor.formatOnSave": true, "editor.codeActionsOnSave": { "source.fixAll.eslint": true } }

这样保存时会自动格式化并修复 ESLint 可修复的问题。

码上飞

码上飞（CodeFlying）是一款AI自动化开发平台，通过自然语言描述即可自动生成完整应用程序。

138

要实现在 git commit 前自动格式化和 lint，需使用 husky 触发 pre-commit 钩子。

#!/bin/sh npx lint-staged

"lint-staged": { "*.{js,jsx,ts,tsx}": [ "prettier --write", "eslint --fix" ] }

这样每次执行 git commit 时，会先对暂存区的文件运行 Prettier 格式化和 ESLint 修复，如果有错误无法修复，提交会被中断。

为了防止不同开发环境产生格式差异，建议：

基本上就这些。VSCode 负责编辑时的即时反馈，而真正的“提交前检查”是靠 husky + lint-staged 实现的。这套流程能有效保证提交到仓库的代码始终整洁合规。

以上就是怎样配置VSCode在提交前自动格式化代码并运行lint检查？的详细内容，更多请关注php中文网其它相关文章！

大家都在看：