Skip to content

Latest commit

 

History

History
32 lines (17 loc) · 2.53 KB

plugins.md

File metadata and controls

32 lines (17 loc) · 2.53 KB

2.1 Plugins

Utilizando VSCode

vscode

Como editor de texto padrão para CSS utilizaremos o Visual Studio Code e mostrarei os melhores Plugins e Extensões que você pode utilizar quando for editar seus arquivos CSS. Lembrando que esses plugins somente podem ajudar a agilizar o seu desenvolvimento e nada além disso.

HTML CSS Support

Clique aqui para fazer o download.

O plugin mais utilizado em CSS no marketplace do VScode com quase 3 milhões de downloads. Ele fornece facilidade para preenchimento automático de tags em class e id de elementos HTML. Suporte para arquivos CSS remotos e verifica as pastas do projeto em busca de arquivos CSS ou SCSS (framework de CSS).

IntelliSense for CSS

alt text

Clique aqui para fazer o download.

Ainda na ala dos plugins mais populares, temos o IntelliSense for CSS. Ele pode fornecer o preenchimento automático para definições de classes CSS encontradas no seu projeto. Dá suporte também a outros arquivos de estilização externos relacionados pela tag html <link>. E por último tem a propriedade de gerenciar o cache das classes CSS utilizadas no preenchimento automático.

Ainda sobre o SCSS

sass

Hoje em dia o foco dos desenvolvedores está na produtividade e agilidade, e o SASS chega pra proporcionar isso. Ele é um pré-processador e framework de CSS que gera arquivos CSS para o usuário cada vez que é compilado. Isso agiliza e modula o trabalho em arquivos com poucas linhas. Sendo assim, o tempo de desenvolvimento de páginas pode ser otimizado através desse framework. Vou evitar citar mais coisa pois são coisas mais complexas, porém se você ficou interessado, leia o guia do próprio site do SASS.

Utilizando Webstorm

Uma boa opção é o Webstorm, em geral ele não necessita de plugins adicionais para melhorar a experiência com CSS, e sua integração com framework's JavaScript como React e Vue funcionam muito bem!