CSSLints - Vocês usam? #336
Replies: 20 comments
-
|
Uso o Stylelint. |
Beta Was this translation helpful? Give feedback.
-
|
Eu uso o scsslint (Sass Lint). Achei mais prático. |
Beta Was this translation helpful? Give feedback.
-
|
Eu tenho usado stylint, que é específico para stylus. |
Beta Was this translation helpful? Give feedback.
-
|
@thiamsantos Curti! Vou testar. |
Beta Was this translation helpful? Give feedback.
-
|
e sobre a configuração dos padrões? vcs seguem algum em especial? |
Beta Was this translation helpful? Give feedback.
-
|
O stylelint-config-standard dá conta de muitas boas práticas com CSS que são encorajadas em styleguides como do Airbnb, Google, GitHub... Para convenções de organização de CSS, uso o stylelint-rscss ou o stylelint-selector-bem-pattern, dependendo da metodologia adotada no projeto. |
Beta Was this translation helpful? Give feedback.
-
|
Que foda @diessica! Valeu pelas dicas. |
Beta Was this translation helpful? Give feedback.
-
|
Que legal @diessica, dá pra ver que o stylelint é muito bom!!! Para o stylint eu não achei nenhum padrão, por isso configurei ele da maneira que me é mais confortável 😁.
|
Beta Was this translation helpful? Give feedback.
-
|
@thiamsantos Configurei um padrão também. Mas achei do carario esse pattern de BEM que a @diessica mostrou. |
Beta Was this translation helpful? Give feedback.
-
|
StyleLint extendido do standard aqui tambem, com algumas customizações. |
Beta Was this translation helpful? Give feedback.
-
|
@diessica eu uso este code styleguide (mas arrumo as paradas manualmente 😔), pelo que olhei daria pra adaptar as configurações pra usar o Stylint ne? |
Beta Was this translation helpful? Give feedback.
-
|
Eu uso o sass-lint, mas o lance de trabalhar com um arquivo yml é meio ruim. Se fosse JSON seria mais bacana ainda :) |
Beta Was this translation helpful? Give feedback.
-
|
@eduardojmatos sabe de uma solução que bloquei o processamento até que o erro seja corrigido ? |
Beta Was this translation helpful? Give feedback.
-
|
Então, o que o sass-lint faz é rodar a validação sobre os seus arquivos Sass e "estourar" os erros no seu terminal. Quando você diz processamento, do quê especificamente você fala? Processo de build? De teste? |
Beta Was this translation helpful? Give feedback.
-
|
@eduardojmatos Digo quando o sass está sendo processado caso o lint encontre problema no arquivo ele só seja processado para css quando o problema for resolvido. Não sei se é possível fazer isso no deploy para homologação/produção. |
Beta Was this translation helpful? Give feedback.
-
|
@bfmjr saquei! Você pode rodar o sass-lint antes do compile do sass. Daí, no processo de build, se tiver algum erro de sass-lint ele nem executa o compile, saca? Em homolog/prod dá pra seguir a mesma coisa |
Beta Was this translation helpful? Give feedback.
-
|
@eduardojmatos Saquei, vou montar uma task no gulp e testar isso. Valeu 👍 |
Beta Was this translation helpful? Give feedback.
-
|
Que massa!!! |
Beta Was this translation helpful? Give feedback.
-
|
@bfmjr Você também pode usar o Husky para rodar seu lint antes do |
Beta Was this translation helpful? Give feedback.
-
|
Valeu @herberthenrique vou testar |
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
-
Fala pessoal,
Estou querendo adicionar um CSSLint no meu workflow. Vocês usam?
Conhecem algum que integra bem com pré-processadores, em especial o Stylus?
Beta Was this translation helpful? Give feedback.
All reactions