JSHint：多个缩进？答案

【问题标题】：JSHint: Multiple Indents?JSHint：多个缩进？
【发布时间】：2014-05-12 20:23:06
【问题描述】：

我在我的项目中使用 D3。我很想强制执行特定的缩进模式，但由于多重链接，我想使用多个缩进实例来组织我的代码。当我有这样的事情时，JSHint 会抛出一个错误：

var svgContainer = d3.select(location).append('svg')
    .attr()
    .attr();

    var xAxisGroup = svgContainer.append('g') // throws error here
        .attr()
        .call();

有什么方法可以强制执行 4 个缩进，但忽略 .jshintrc 中的多个缩进？即var AxisGroup 源于svgContainer，希望嵌套没有来自 JSHint 的警告。

【问题讨论】：

你用的是什么版本的 JSHint？
我在 Grunt 中使用它，而且我对 Grunt 很陌生。 "grunt-contrib-jshint": "~0.9.2",

标签： javascript jshint grunt-contrib-jshint

【解决方案1】：

你可以尝试在你的.jshintrc中设置这个：

"indent": 4,
"white": false

另外，请查看JSHint Docs。
看起来在上一个版本中，开发人员解决了缩进警告问题：https://github.com/jshint/jshint/releases/tag/2.5.0

indent 不再提供有关缩进级别的警告

希望对你有帮助。

【讨论】：

看起来“白色”已被弃用。显然 Grunt 也在使用 2.5.0 github.com/gruntjs/grunt-contrib-jshint#release-history。

【解决方案2】：

通过研究，我明确发现“白色”已被弃用，不应使用。

原来我在 2.5.0 之前的旧版本中使用 grunt 的 grunt-contrib-jshint，其中 JSHint 允许多个缩进。

将我对 grunt 的 package.json 更改为 "grunt-contrib-jshint": "^0.10.0", 解决了这个问题。

【讨论】：