如何为无package.json的Google Chrome扩展项目添加Linter？

完全可行，以下是两种实操方案：

方案一：通过临时生成package.json完成初始化 #

• 进入项目根目录，执行npm init -y快速生成默认的package.json（-y参数会跳过交互，直接使用默认配置）
• 接着运行npm init @eslint/config，按照向导完成配置：
  • 选择检查的语言（JavaScript）
  • 指定运行环境为浏览器（适配Chrome扩展场景）
  • 按需选择是否使用框架、是否需要代码风格规则等
• 配置完成后，项目会生成.eslintrc.*配置文件和.eslintignore忽略文件
• 如果不需要保留npm依赖管理，可删除package.json和node_modules目录，之后通过全局安装的ESLint执行检查：
  1. 先全局安装ESLint：npm install -g eslint
  2. 执行检查命令：eslint .

方案二：手动配置ESLint，无需package.json #

• 先全局安装ESLint：npm install -g eslint
• 在项目根目录手动创建.eslintrc.json配置文件，示例配置如下（适配Chrome扩展场景）：

{
  "env": {
    "browser": true,
    "es2021": true,
    "webextensions": true // 启用Chrome扩展专属全局变量支持，避免误报未定义
  },
  "extends": "eslint:recommended",
  "parserOptions": {
    "ecmaVersion": "latest"
  },
  "rules": {
    // 可根据需求自定义规则，比如禁止使用未声明变量
    "no-undef": "error"
  }
}

• 创建.eslintignore文件，添加无需检查的文件路径：

manifest.json

• 直接执行eslint .即可对项目中的JavaScript文件进行代码检查

内容的提问来源于stack exchange，提问作者Таня Біланюк