VS Code怎么安装ESLint配置-VSCode-PHP中文网

vs code中eslint生效需三步协同：本地安装eslint（非全局）、放置eslint.config.js（v9+推荐格式）、配置"editor.codeactionsonsave": {"source.fixall.eslint": true}；缺一不可，否则波浪线可能来自默认规则而非自定义配置。

vs code怎么安装eslint配置

VS Code 本身不“安装 ESLint 配置”，而是通过三步协同生效：装插件、装本地 eslint、放对配置文件。缺任何一环，你看到的红色波浪线都可能不是你定义的规则。

必须本地安装 `eslint`，不能只靠全局

VS Code 的 ESLint 插件（dbaeumer.vscode-eslint）默认只调用当前工作区 node_modules/.bin/eslint，完全忽略全局安装的 eslint。如果你只运行了 npm install -g eslint，插件大概率静默降级为无配置检查——此时报错来自内置默认规则，和你写的 .eslintrc.js 无关。

在项目根目录执行：npm install eslint --save-dev（或 yarn add eslint --dev）
TypeScript 项目额外加装：npm install @typescript-eslint/parser @typescript-eslint/eslint-plugin --save-dev
验证是否就位：npx eslint --version 能输出版本号，且 node_modules/.bin/eslint 存在

`eslint.config.js` 是 ESLint v9+ 唯一推荐格式

ESLint v8.53 起支持新格式，v9+ 官方明确推荐使用 eslint.config.js（导出数组），而非旧式的 .eslintrc.js 或 .eslintrc.json。VS Code 插件会优先查找这个文件；若找不到，才 fallback 到旧名——但 fallback 行为不稳定，尤其在多配置或 monorepo 场景下容易漏读。

VS Code Node

通过作为 OpenClaw 节点连接的 VS Code/Cursor IDE 操作代码，提供 40 多种命令，涵盖文件操作、语言智能、Git、测试等功能。

下载

新建 eslint.config.js，内容必须是 export default [] 形式
不要写 module.exports =，ESLint v9+ 不识别
示例最小可用配置：

export default [
  {
    files: ["**/*.js"],
    rules: {
      "no-console": "warn",
      "no-unused-vars": "error"
    }
  }
];

`editor.codeActionsOnSave` 替代 `editor.formatOnSave`

很多人开启 "editor.formatOnSave": true 后发现代码被“乱修”——本质是 Prettier 和 ESLint 修复逻辑打架。ESLint 的 fix 只修规则类问题（如分号、引号、未使用变量），不负责缩进/换行等纯格式；Prettier 则相反。两者同时触发就会冲突。