在 WebStorm IDE 中配置 *all* JSHint 设置答案

【问题标题】：Configuring *all* JSHint settings in WebStorm IDE在 WebStorm IDE 中配置 *all* JSHint 设置
【发布时间】：2012-09-11 15:04:40
【问题描述】：

在对用于前端开发的 IDE 进行了较为全面的评估之后，我认为 WebStorm 领先。

缺少的一点是我们无法按照我们需要的方式配置 JSHint。 WebStorm 首选项 GUI 提供了一些选项，但不是完整的。 GUI 只允许您配置大约 30 个实际可用选项中的 15 个。

这是一个问题，因为我们不想仅仅因为 IDE 不允许我们按照我们想要的方式配置 linting 就改变我们的编码实践。

是否有一种 hacky 方法可以在后台为 WebStorm 调整 JSHint 库？

【问题讨论】：

标签： jshint webstorm

【解决方案1】：

您可以在位于项目根目录的.jshintrc 文件中配置您想要的所有选项。这将是一个项目范围的设置。

来自https://www.jetbrains.com/webstorm/webhelp/jshint.html：

使用配置文件

选中此复选框可根据配置文件中的设置验证代码。配置文件是一个扩展名为 .jshintrc 的 JSON 文件，它指定应该启用或禁用哪些 JSHint 选项。 WebStorm 将在工作目录中查找.jshintrc 文件。如果搜索失败，WebStorm 将在父文件夹中搜索，然后再次在父文件夹中搜索。重复该过程，直到 WebStorm 找到 .jshintrc 或到达项目根目录。要让 WebStorm 在这种情况下仍然运行验证，请指定要使用的默认配置文件。

我已经用了一段时间了，效果很好。另外，您可以将其提交到您的 repo 并确保整个团队都遵循相同的代码风格。也是添加全局变量的好地方。

【讨论】：

在 WebStorm 11 中似乎不起作用。.jshintrc 文件被 JsHint 忽略，并且在 IDE 中更改 JsHint 设置时不会更新
我的错误。我认为您可以使用 IDE 的 JsHint 配置 UI 编辑 .jshintrc 文件，但似乎您不能。选择“使用配置文件”后，用户界面将不再可用，您必须手动编辑文件。

【解决方案2】：

我不知道有什么骇人听闻的方法，但你可以vote for the existing feature request。

【讨论】：

有一个简单的方法 - 使用.jshintrc

【解决方案3】：

有一个有效的按文件解决方案，但并不理想。更喜欢 IDE 或项目范围的修复/破解。

在文件顶部设置 JSHint 选项：

/*jshint laxcomma:true, asi:true */

【讨论】：

这似乎并没有真正影响 IDE。我确信 JSHint 实际上并没有抱怨；但是，例如 /*jshint expr:true*/ 在尝试访问 getter 时不会阻止来自 webstorm 本身的投诉。
它对空间很挑剔，但它在最新的“不稳定”IDE 版本中对我有用。尝试在最后一个“*/”之前放置一个空格
@simpleascouldbe 谢谢！在确定 jshint 之前有 no 空格之前，我无法让它工作。好像我的 linter 指令需要一个 linter！