如何在Visual Studio 2013 Web Essentials扩展中使用JsHint“.jshintrc”文件?

时间:2013-12-11 20:52:10

标签: .net visual-studio visual-studio-2013 jshint web-essentials

我已将“Web Essentials”扩展安装到Visual Studio 2013中。我现在在“消息”部分下的“错误列表”窗口中显示JSHint警告。然而,它抱怨一些它认为没有定义的全局变量。

根据我的阅读,你可以使用JSHint的.jshintrc文件来列出全局变量,这样它就会停止抱怨它们。我希望它设置如下。 (这样它就会停止抱怨“ko”......这是一个KnockoutJs的全局变量。)

"globals": {
    "$": false,
    "jQuery": false,
    "ko": false
 }

您应该如何以及在何处在VS项目中创建此.jshintrc文件?

我尝试在项目的根目录中添加文件,将其命名为“.jshintrc”,但Visual Studio抱怨说:

"File and folder names cannot contain a leading period."

我似乎无法找到有关如何将此文件添加到Visual Studio项目中的任何文档,以便Web Essentials扩展程序将其提取。

有什么想法吗?


更新

Hex有正确的答案。我不得不打开一个命令提示符来重命名该文件,因为Windows资源管理器不会让我命名一个以句点开头的文件。在那之后,我也遵循了Hex的建议,用花括号围绕整个事物。以下是我的.jshintrc文件的内容....我将其放在WebApp的根文件夹中......以及其他文件,如web.config。

{
    "globals": {
        "$": false,
        "jQuery": false,
        "ko": false
      }
}

我不再收到关于“ko”对象的1000万次不必要的警告。 :)谢谢你!

3 个答案:

答案 0 :(得分:10)

项目根很好。我JsHint正在搜索文件一直到文件系统的顶部。

您可以使用命令行创建文件。 只需使用您喜欢的工具创建文件,然后从cmd重命名为“ren jshintrc .jshintrc”

另外我发现我需要重新启动VS才能加载jshintrc文件中的更改。

如果仍然无效,请尝试将整个文件放入{}。我不确定是否需要,但我在其他地方看到它。

答案 1 :(得分:8)

创建/编辑JSHint全局设置(以及TSLint,CoffeLint和JSCS设置)的最简单方法是单击Web Essentials菜单,然后选择适当的选项。

Web Essentials menu

这样,Web Essentials会为您创建文件(如果它尚不存在)。

答案 2 :(得分:0)

我通过Visual Studio扩展添加了jshint。在菜单选项下有一个名为 JavaScript Linter选项的菜单项... 它会弹出一个对话框,允许您选择许多不同的选项。要删除' $'没有定义错误,我检查了Assume jQuery选项。 enter image description here