2012-09-11 101 views
4

在對前端開發中使用的IDE進行了一些綜合評估之後,WebStorm領先了我的想法。在WebStorm IDE中配置* all * JSHint設置

一個缺失的部分是我們不能以我們需要的方式配置JSHint。 WebStorm首選項GUI提供了一些選項,但不是完整集。 GUI僅允許您配置30個實際可用選項中的15個。

這是一個問題,因爲我們不想因爲IDE不讓我們按照我們想要的方式配置linting而改變我們的編碼實踐。

有沒有一種方法可以進入並調整WebStorm幕後的JSHint庫?

回答

3

你可以配置你想在位於項目的根目錄.jshintrc文件的選項。這將是一個項目範圍內的設置。

https://www.jetbrains.com/webstorm/webhelp/jshint.html

使用配置文件

選中此複選框有根據從配置文件中的設置驗證碼。配置文件是擴展名爲.jshintrc的JSON文件,用於指定應啓用或禁用哪些JSHint選項。 WebStorm將在工作目錄中查找.jshintrc文件。如果搜索失敗,WebStorm將在父文件夾中搜索,然後再在父文件夾中搜索。重複該過程直到WebStorm找到.jshintrc或到達項目根目錄。要在此情況下讓WebStorm仍然運行驗證,請指定要使用的默認配置文件。

我一直在使用它一段時間,它工作的很棒。另外,您可以將其提交給您的回購,並確保整個團隊遵循相同的代碼風格。也是增加全局的好地方。

+0

似乎無法在WebStorm 11中運行.jshintrc文件被JsHint忽略,它在更改IDE中的JsHint設置時未更新 –

+1

我的錯誤。我認爲你可以使用IDE的JsHint配置UI來編輯.jshintrc文件,但似乎你不能。一旦選擇「使用配置文件」,UI將不再可用,您必須手動編輯這些文件。 –

2

我不知道有什麼好辦法做到這一點,但你可以vote for the existing feature request

+0

這是一個恥辱。我投了贊,謝謝。 – SimplGy

+0

有一個簡單的方法來做到這一點 - 使用['.jshintrc'](http://stackoverflow.com/a/21990463/1269037) –

2

有一個每文件解決方案的工作原理,但並不理想。更喜歡IDE或項目範圍的修復/破解。

在你的文件的頂端設置JSHint選項:

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

這似乎並不影響IDE。我確信JSHint實際上不會抱怨;不過,/ * jshint expr:true * /例如在嘗試訪問getter時不會阻止webstorm本身的投訴。 – Parris

+1

它對空間很挑剔,但它在最新的「非穩定」IDE版本中適用於我。嘗試在最後的「* /」 – SimplGy

+0

@simpleascouldbe謝謝你之前放置一個空間!直到我確定在jshint之前沒有*空格時,我才能開始工作。好像我需要一條棉絨針對我的linter指令! – Nils