VSCode 配合 ESLint 实现运行前 JavaScript 代码质量拦截-VSCode-PHP中文网

vscode保存时eslint不自动修复，因默认未启用editor.codeactionsonsave，须显式配置{"source.fixall.eslint": true}，并确保eslint.validate、eslint.options.extensions正确设置且禁用editor.formatonsave。

vscode 配合 eslint 实现运行前 javascript 代码质量拦截

VSCode 本身不执行 JavaScript，所谓“运行前拦截”实际指在保存、提交或手动触发时，由 ESLint 提前发现语法错误、未声明变量、潜在逻辑风险等问题——这些本该在浏览器或 Node.js 运行时报错的内容，被提前暴露在编辑器里。

为什么保存时没自动修复？检查 `editor.codeActionsOnSave` 是否启用

很多人以为装了插件就自动修复，其实 VSCode 默认不开启保存即修复。关键配置不是 eslint.autoFixOnSave（已废弃），而是 editor.codeActionsOnSave。

editor.codeActionsOnSave 必须显式设置为 {"source.fixAll.eslint": true}，否则即使规则标记为可修复（如 semi），也不会生效
如果同时启用了 Prettier，注意冲突：Prettier 负责格式，ESLint 负责逻辑和风格规则，二者不能都设为默认格式化工具；推荐用 eslint.format.enable 关闭 ESLint 的格式能力，只让它做校验和修复
某些文件类型（如 .html 中的 <script></script>）需额外在 eslint.validate 中声明，否则不触发检查

`eslint.validate` 配置漏掉类型，HTML/JSX/Vue 里的 JS 就会静默失效

ESLint 默认只检查 .js 和 .jsx 文件。如果你项目里有内联脚本或单文件组件，必须手动扩展验证范围。

Java Maven Secondary Analysis

分析ZIP压缩包或GitLab仓库中的Java Maven项目，确定二次开发范围、类数量、模块分布及生产相关指标。

下载

在工作区 settings.json 中添加："eslint.validate": ["javascript", "javascriptreact", "html", "vue"]
对 .html 支持需安装 eslint-plugin-html 并在 .eslintrc.js 的 plugins 数组中加入 "html"
Vue 项目还需确认是否启用 eslint-plugin-vue，否则 <template></template> 或 v-if 相关规则不会生效

提交前拦截失败？`lint-staged` 不处理未暂存文件

Git Hooks 只作用于 git add 后暂存的文件。如果改完代码没 git add 就直接 git commit，lint-staged 根本收不到文件列表。

lint-staged 配置中路径匹配要精确："*.{js,jsx,ts,tsx}" 不会匹配 .vue，得单独加 "*.vue"
Husky 的 hook 脚本必须放在 .husky/pre-commit，且该文件要有可执行权限（macOS/Linux 下需 chmod +x .husky/pre-commit）
若使用 pnpm，lint-staged 可能因包解析路径异常报 Cannot find module 'eslint'，此时应在配置中指定 eslint 的绝对路径或改用 npx eslint