首先安装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的设置中启用自动修复功能。
全诚易惠通优惠折扣信息店铺管理系统是全诚团队继 “全诚商城”“外卖通” 之后又一新概念重量级作品，该系统以收集本地所有店铺优惠折扣信息为核心，在构思、设计、代码处理上都做了严密的部署和检查，继承了全诚系列产品核心模块的基础上进化而来，即为新作品，也系高度成熟度的作品，加之全诚团队精心技术支持，可为用户营造一个长期可靠的系统运行环境。本系统较易惠通相比，业务和经营范围覆盖面积更广更大，可涵盖本地所有
打开设置（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代码。
