Come ignorare gli avvisi specifici emessi dall'estensione CSSLint per Parentesi

Question

Sto utilizzando l'estensione CSSLint per Brackets. C'è un modo per disattivare avvisi specifici per cose come box-model e @bulletproof-font-face? La migliore corrispondenza che ho trovato per una discussione è here. Al momento spero di utilizzare un preambolo nel mio CSS del modulo /*csslint ignore: box-model */, ma non funziona. So che questa estensione è in grado di lavorare con i file .csslintrc. Ho provato a metterne uno nella stessa directory in cui risiede il mio CSS, con csslint ignore: box-model, ma non ha funzionato. Qualsiasi consiglio o approfondimento sarà apprezzato.

Update 1

Guardando più nel supporto di .csslintrc file con staffe, ho trovato this e this, che sembra suggerire l'uso di --ignore=box-model,bulletproof-font-face. Mettere questo file o dove risiede il mio CSS o nella directory dell'estensione Brackets (~/.config/Brackets/extensions/user/camden.csslint/csslint su una macchina Linux) non funziona neanche.

Update 2

Mettere .csslintrc in ~/.config/Brackets/extensions/user/camden.csslint/csslint/ sicuramente non funziona; il file viene rimosso dopo un aggiornamento.

Answer 1

L'ultima versione del plugin CSSLint ha aggiunto il supporto per la personalizzazione tramite le Preferenze globali di Bracket e questo ora sembra il modo migliore per ignorare avvisi specifici. Poiché questa risposta è stata contrassegnata come corretta, volevo solo aggiornarla per essere il più accurata possibile.

La personalizzazione di CSSLint è (in qualche modo) spiegata nello README.md fornito con il plug-in, ma non include un esempio per una persona non-json-savvy come me. Non riuscivo a capire come modificare le impostazioni da solo, così ho contattato lo sviluppatore (https://github.com/cfjedimaster/brackets-csslint/pull/40) per ottenere istruzioni più specifiche:

Fare clic su “Debug” e selezionare “Apri Preferenze di file”, e che aprirà la brackets.json file delle preferenze nella finestra dell'editor.

Avanti, dica CSSLint di ignorare le opzioni di quotazione specifici includendo la seguente in fondo (o in qualsiasi parte) il codice esistente, fintanto che è contenuto all'interno di tutti i-racchiude ricci staffe del privilegiate:

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

Assicurati di scambiare ogni "opzione di linting" con il nome id della regola che desideri ignorare, assicurandoti che siano impostati su false. Il nome id è incluso tra parentesi tonde ogni volta che un avvertimento css rilascio di fibre apre tra parentesi:

... oppure può essere trovata scavando attraverso il file csslint.js di cui sopra.

E questo è tutto! Molto più bello del dover commentare ogni regola ogni volta che il plugin viene aggiornato.:)

Per riferimento/confronto, il mio file di preferenze ora include quanto segue alla parte inferiore:

"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 
} 

... e, fino ad ora, è perfettamente funzionante.

Nota: Gli sviluppatori/contributori hanno affermato che questo nuovo approccio è stato progettato per sopravvivere ai successivi aggiornamenti dei plug-in. Tuttavia, poiché le preferenze globali sono un'aggiunta relativamente recente, non possono garantire che le impostazioni delle preferenze si attacchino durante l'aggiornamento delle parentesi, pertanto è consigliabile creare un backup del file delle preferenze brackets.json. Su un Mac può essere trovato qui: /Users/username/Library/Application Support/Brackets/brackets.json

Answer 2

/*csslint box-model:false */ 

Questo funziona per me.

Answer 3

A partire da pochi giorni fa Parentesi CSSLint supporta le preferenze globali. Basta aprirlo con Test> Preferenze Apri file e aggiungere le regole che si desidera ignorare, come nel seguente esempio:

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

È possibile trovare i nomi delle regole aprendo il csslint code e la ricerca per l'avvertimento che si desidera nascondere.

Questo è molto più ideale di modificare a mano il codice di estensione ogni volta che si aggiorna.

Answer 4

In Sublime Text se si fa clic con il pulsante destro del mouse su una pagina CSSLint, il menu avrà il seguente percorso SublimeLinter> Mark Style> None.

Questo effettivamente lascia i punti di "avviso" sul margine sinistro senza alcuna evidenziazione nel codice, in modo da non essere continuamente distratti dai promemoria "in faccia" della polizia CSS. Probabilmente ti ricorderai che non stai scrivendo un codice perfetto, ma almeno non sarai distratto mentre lo fai, lol.

E 'probabilmente lo stesso su altre piattaforme/IDE

"CSS ... il distruttore di mondi, il cui unico rimedio è una console in grado di interpretare la follia di Precedenza, specificità, ed ereditarietà."