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

Question

我已經將“Web Essentials”擴展安裝到Visual Studio 2013中。我現在在“消息”部分下的“錯誤列表”窗口中顯示JSHint警告。 然而，它抱怨一些它認為沒有定義的全局變量。

根據我的閱讀，您可以使用JSHint的.jshintrc文件列出全局變量，這樣它就會停止抱怨它們。 我希望它設置如下。 （這樣它就會停止抱怨“ko”......這是一個KnockoutJs的全局變量。）

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

你應該如何以及在哪里創建VS Project中的.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萬次不必要的警告。 :)謝謝Hex！

Answer 1

項目根很好。 我JsHint正在搜索文件一直到文件系統的頂部。

您可以使用命令行創建文件。 只需使用您喜歡的工具創建文件，然后從cmd重命名為“ren jshintrc .jshintrc”

另外我發現我需要重新啟動VS才能加載jshintrc文件中的更改。

如果仍然無法正常工作，請嘗試將整個文件放入{}。 我不確定是否需要，但我在其他地方看到它。

Answer 2

創建/編輯JSHint全局設置（以及TSLint，CoffeLint和JSCS設置）的最簡單方法是單擊Web Essentials菜單，然后選擇適當的選項。

這樣，Web Essentials就會為您創建文件（如果它尚不存在）。

Answer 3

我通過Visual Studio擴展添加了jshint。 在菜單選項下有一個名為JavaScript Linter Options的菜單項...它會彈出一個對話框，允許您選擇許多不同的選項。 要刪除'$'未定義錯誤，我檢查了Assume jQuery選項。