首先安装ESLint扩展并确保项目初始化ESLint，接着配置VSCode保存时自动修复，最后通过错误代码验证生效；完成后即可实时检查并修复JavaScript代码问题。
在VSCode中集成ESLint可以让你在编写JavaScript代码时实时发现潜在问题，提升代码质量和团队协作效率。配置完成后，你能在编辑器中直接看到错误和警告提示，并支持自动修复部分问题。
安装ESLint扩展
打开VSCode，进入扩展市场（快捷键 Ctrl+Shift+X），搜索 ESLint，找到由微软发布的官方ESLint插件并安装。
这个插件会连接本地项目中的ESLint配置，实现语法检查和问题高亮。
项目中初始化ESLint
确保你的项目中有 eslint 依赖。如果没有，可以通过npm初始化：
立即学习“Java免费学习笔记（深入）”；
- 运行 npm init -y 初始化package.json（如果还没有）
- 安装ESLint： npm install eslint --save-dev
- 初始化配置文件： npx eslint --ext .js,.jsx src/ 或先运行 npx eslint --init 按提示生成配置
执行 --init 后，你可以选择使用推荐规则、Airbnb风格、或自定义配置，最终生成 .eslintrc.js 或 .eslintrc.json 文件。
配置VSCode设置
为了让ESLint在保存时自动修复可修复的问题，建议在VSCode的设置中启用自动修复功能。
分析 Java Spring Boot 后端 Controller 代码，自动生成 Markdown 格式的接口文档。当用户说“生成 Java 接口文档”、“生成 API 文档”、“从 Spring 代码生成文档”时触发。
打开设置（Ctrl+,），搜索 ESLint Auto Fix，勾选 ESLint: Auto Fix On Save。
或者在 settings.json 中手动添加：
"editor.codeActionsOnSave": {"source.fixAll.eslint": true
},
"eslint.validate": ["javascript", "javascriptreact"]
这表示在保存文件时自动应用ESLint修复，并支持JS和JSX文件。
验证是否生效
打开一个JavaScript文件，故意写一段不符合ESLint规则的代码，比如：
const name = 'John';let age = 25;
age = 30;
console.log(age);
如果配置了 no-unused-vars 或 prefer-const 规则，age 被重新赋值但未用let声明问题可能会被提示。保存文件后，应看到错误线或自动修复生效。
基本上就这些。只要项目有正确配置，VSCode中的ESLint就能实时工作，帮助你写出更规范的JavaScript代码。
