2014-10-04 43 views
7

我使用的CSSLint擴展爲Brackets。有沒有辦法禁用box-model@bulletproof-font-face之類的特定警告?我發現討論的最佳匹配是here。目前我希望在我的CSS中使用前導碼/*csslint ignore: box-model */,但這不起作用。我知道這個擴展能夠與.csslintrc文件一起工作。我試圖把一個放在我的CSS所在的同一個目錄中,用csslint ignore: box-model,但那也沒用。任何建議或見解將不勝感激。如何忽略由括號的CSSLint擴展輸出的特定警告

更新1

尋找到更多的支持.csslintrc文件與支架,我發現thisthis,這似乎暗示使用--ignore=box-model,bulletproof-font-face。把這個文件放在我的CSS所在的地方,或者放在Brackets擴展的目錄(Linux機器上的~/.config/Brackets/extensions/user/camden.csslint/csslint)也不起作用。

更新2

請辭~/.config/Brackets/extensions/user/camden.csslint/csslint/.csslintrc絕對不工作;該文件在更新後被刪除。

+0

https://github.com/CSSLint/csslint/wiki/Ignoring-parts-of-CSS-during-linting – jtheletter 2018-02-04 23:25:59

回答

9

最新版本的CSSLint插件通過括號的全局首選項添加了對定製的支持,現在這似乎是忽略特定警告的最佳方式。由於此回覆被標記爲正確,我只是想將其更新爲儘可能準確。

自定義CSSLint(有點)在插件附帶的README.md中進行了解釋,但它不包含像我這樣的非json精明人士的示例。我無法弄清楚如何自己修改設置,因此我聯繫了開發人員(https://github.com/cfjedimaster/brackets-csslint/pull/40)以獲得更具體的說明:

單擊「調試」並選擇「打開首選項文件」,然後打開brackets.json首選項文件在編輯器窗口中。

接下來,告訴CSSLint無視,包括在底部以下(或任何地方)現有的代碼,只要它包含的偏好的全封閉大括號內的具體上市地點:

"csslint.options": { 
    "linting-option": false, 
    "linting-option": false, 
    "linting-option": false 
} 

務必將每個「linting-option」替換爲您希望忽略的規則的id名稱,確保它們設置爲false。 ID名稱在圓括號每一個CSS棉絨警告括號彈出時間包括:

Brackets%20CSSLint%20Warning%20IDs

...或者,他們可以通過上述csslint.js挖文件中找到。

就是這樣!每次更新插件時都必須註釋掉每條規則,這比更好。:)

作爲參考/比較,我喜歡的文件現在包括在底部的以下內容:

"csslint.options": { 
    "adjoining-classes": false, 
    "box-model": false, 
    "box-sizing": false, 
    "duplicate-background-images": false, 
    "ids": false, 
    "order-alphabetical": false, 
    "qualified-headings": false, 
    "unique-headings": false, 
    "universal-selector": false 
} 

...,到目前爲止,它的工作完美。

注意:開發人員/貢獻者表示,這種新方法是爲了在隨後的插件更新中生存而設計的。但是,由於「全局首選項」是相對較新的內容,因此它們無法保證在更新括號時,首選項設置將保持不變,因此建議您創建brackets.json首選項文件的備份。在Mac上可以在這裏找到:/Users/username/Library/Application Support/Brackets/brackets.json

+0

這是非常詳細的,斯蒂芬,謝謝。 – 2015-05-29 23:32:33

10
/*csslint box-model:false */ 

這適用於我。

+0

有趣的是,_doesn't_不適合我。無論是在方括號還是在線工具。 – 2014-10-20 12:20:54

+6

這對我來說很好,當所有其他使用.csslintrc文件的嘗試都失敗了。請注意,缺少空白是非常重要的:它必須是'/ * csslint',而不是'/ * csslint',否則它將不起作用。 – 2015-01-22 00:43:29

+1

這個改變應該在哪裏進行?我真的沒有挖掘字母順序警告。 – StephenESC 2015-02-25 21:56:02

3

截至前幾天括號CSSLint支持全局首選項。只是調試打開>打開首選項文件,並添加要忽略像下面的示例規則:

"csslint.options": { 
    "qualified-headings": false, 
    "ids": false 
} 

您可以通過打開csslint code和搜索您需要警告的規則名稱隱藏。

這比每次更新時手動編輯擴展代碼更理想。

+1

瘋狂的時機。你迴應了威爾,我用這個確切的信息更新了我的「正確」答案。你是對的,這是更好的方法。 – StephenESC 2015-05-28 15:42:54

1

在Sublime Text中,如果右鍵單擊CSSLint頁面,菜單將具有以下路徑SublimeLinter> Mark Style> None。

這樣可以在左邊空白處留下「警告」點,代碼中沒有任何突出顯示,所以您不會因CSS警察的「面部」提醒而不斷分心。你可能會記得你沒有寫出完美的代碼,但至少在做這件事時不會分心,哈哈。

這也可能是在其他平臺/集成開發環境相同

「三網融合世界的毀滅者,其唯一的補救方法是可以解釋的優先級,特異性和繼承的精神錯亂的控制檯。」