VSCode不提供“导出代码检查规则”功能,所谓导出实为复制生效的配置文件(如.eslintrc.cjs)及对应devDependencies依赖,确保路径正确、格式兼容(优先cjs)、插件已安装且被正确引用,否则ESLint图标不显示或提示“not found”。

VSCode 本身不提供“导出代码检查规则”功能——规则是配置出来的,不是生成或导出的;所谓“导出”,实际是把当前生效的规则配置文件(如 .eslintrc.cjs、pylintrc)复制出去复用,或通过命令行验证后固化到项目中。
为什么右下角 ESLint 图标没出现,或提示 “ESLint not found”
插件启动失败,根本没走到“规则是否生效”这一步。常见原因有:
- 工作区是用
File > Open File打开单个.js文件,而非File > Open Folder打开整个项目根目录——导致 VSCode 找不到node_modules和配置文件 -
eslint.enable在设置里被设为false(尤其注意.vscode/settings.json中可能有覆盖项) - 本地没装
eslint:运行npx eslint --version报错,或npm ls eslint输出empty - 用了
pnpm但没在设置中指定"eslint.packageManager": "pnpm" - 多根工作区(
.code-workspace)中,子项目路径未被包含,或路径写错
.eslintrc.cjs 写对了,但规则不生效
配置文件存在 ≠ 被 ESLint 插件读取。关键点在于格式、路径和加载逻辑:
- 优先使用
.eslintrc.cjs(CommonJS),不要用.eslintrc.js+ ESM 语法(export default)——VSCode 插件目前不支持 ESM 模块加载 - 确保文件放在项目**根目录**,且名字拼写准确(
cjs不是js,大小写敏感) - 避免同时存在
.eslintrc.cjs和eslint.config.js,插件可能随机跳过其中一个 - 如果用了
extends: ['standard'],必须已执行npm install eslint-config-standard --save-dev,且npm list eslint-config-standard有输出 - 右下角点击 ESLint 图标,确认提示是
Using locally installed ESLint,不是globally installed
如何“导出”一套可复用的规则配置
所谓导出,就是把当前验证有效的配置文件 + 依赖声明打包带走,供其他项目直接复用:
- 复制项目根目录下的
.eslintrc.cjs(或pylintrc、.stylelintrc.json)到目标项目根目录 - 检查并同步
package.json中的devDependencies,比如:eslint、eslint-config-standard、@typescript-eslint/eslint-plugin等 - 运行
npm install(或对应包管理器命令),确保所有依赖安装到位 - 在目标项目中按
Ctrl+Shift+P→ 输入ESLint: Restart ESLint Server强制重载配置 - 验证方式:打开一个 JS 文件,故意写
console.log(),看是否触发no-console提示(取决于你配置的规则)
最易被忽略的是:配置文件里的 rules 是静态声明,但真正起效依赖于对应插件是否装在 node_modules 里、是否被 extends 或 plugins 正确引用——漏掉任何一个环节,VSCode 就只会安静地不报错、也不提示。


















