Brackets JSHint 扩展使用教程

1. 项目目录结构及介绍

brackets-jshint/
├── jshint/
│   ├── main.js
│   └── ...
├── LICENSE
├── NOTICE
├── README.md
├── package.json
└── ...

• jshint/: 该目录包含了 JSHint 扩展的核心代码，主要负责与 Brackets IDE 的集成。
• LICENSE: 项目的开源许可证文件，通常为 MIT 许可证。
• NOTICE: 项目相关的通知文件。
• README.md: 项目的说明文档，包含了项目的安装、使用和配置信息。
• package.json: 项目的元数据文件，包含了项目的依赖、版本信息等。

2. 项目的启动文件介绍

项目的启动文件是 jshint/main.js。该文件主要负责初始化 JSHint 扩展，并与 Brackets IDE 进行集成。以下是 main.js 的主要功能：

• 初始化 JSHint: 加载 JSHint 库并初始化。
• 与 Brackets 集成: 注册 JSHint 作为 Brackets 的 JavaScript 文件的 Linter。
• 配置加载: 从项目的根目录或用户配置文件中加载 JSHint 的配置。

3. 项目的配置文件介绍

JSHint 的配置可以通过以下几种方式进行：

3.1 .jshintrc 文件

在项目的根目录下创建一个 .jshintrc 文件，该文件包含了 JSHint 的配置选项。例如：

{
  "undef": true,
  "unused": true
}

3.2 Brackets 用户配置文件

在 Brackets 中，可以通过 Debug > Open Preferences File 打开用户配置文件，并在其中添加或修改 "jshint options" 和 "jshint globals" 选项。例如：

{
  "jshint.options": {
    "undef": true,
    "unused": true
  },
  "jshint.globals": {
    "jQuery": true
  }
}

3.3 项目配置文件

如果希望在项目中强制使用 JSHint 而不是 JSLint，可以在项目的根目录下创建一个 .brackets.json 文件，并添加以下内容：

{
  "language": {
    "javascript": {
      "linting.prefer": "JSHint",
      "linting.usePreferredOnly": true
    }
  }
}

通过以上配置，可以确保 Brackets 在处理 JavaScript 文件时仅使用 JSHint 进行代码检查。