如何在无package结构的独立JS文件中启用ESLint本地校验？

完全可以在本地开发环境单独配置ESLint，不用改动遗留代码库的任何文件，就能实现基础JS代码校验（比如检测const变量被重赋值这类问题），具体步骤如下：

1. 搭建独立的ESLint环境（不碰代码库） #

在自己电脑上新建一个空目录（比如~/eslint-local-setup），打开终端进入该目录，执行以下命令初始化并安装ESLint：

npm init -y
npm install eslint --save-dev

所有依赖都会存在这个独立目录里，不会对遗留代码库造成任何影响。

2. 配置基础校验规则 #

在刚才的空目录里创建.eslintrc.json文件，写入针对需求的规则，比如：

{
  "env": {
    "browser": true, // 适配浏览器环境变量
    "es2021": true
  },
  "rules": {
    "no-const-assign": "error", // 强制检测const重赋值，直接标记为错误
    "no-undef": "warn", // 提示未定义的变量
    "semi": ["error", "always"] // 要求语句末尾必须加分号
  },
  "parserOptions": {
    "ecmaVersion": "latest" // 支持最新ES语法
  }
}

可以根据实际需要添加或修改规则，比如加上prefer-const来提示将可改为const的let变量替换。

3. 让VSCode加载这个自定义配置 #

打开VSCode的设置（快捷键Ctrl+,），搜索ESLint: Working Directories，点击「编辑 in settings.json」，添加你创建的ESLint配置目录路径，同时确保关闭Flat Config（如果用的是传统配置文件），示例配置：

{
  "eslint.workingDirectories": [
    "~/eslint-local-setup",
    "/绝对路径/到你的遗留代码库目录"
  ],
  "eslint.useFlatConfig": false
}

保存后，VSCode就会用你自定义的规则去校验遗留代码库中的JS文件，const重赋值这类问题会立刻被标记出来。

4. 终端手动校验（可选） #

如果需要批量或手动校验文件，在ESLint配置目录的终端里执行：

npx eslint /绝对路径/到遗留代码库中的目标文件.js

终端会直接输出所有不符合规则的问题，方便快速排查。

替代方案：全局配置ESLint #

如果不想单独建目录，也可以全局安装ESLint：

npm install -g eslint

然后在自己的用户根目录（~）下创建.eslintrc.json，写入同样的规则，VSCode会自动读取全局配置，同样能实现无侵入式校验。

内容的提问来源于stack exchange，提问作者BobtheMagicMoose