1
resposta

[Sugestão] Extensões uteis para o VS Code

Para quem passa quer deixar o trabalho mais rápido aqui vão algumas extensões que vão agilizar seu tempo programando ou montando sua folha de marcação e estilos.

Color Info: Fornece informações rápidas sobre cores CSS

informações de cores adiciona informações adicionais quando você passa o mouse sobre uma cor CSS, incluindo:

  • rgb – valores de cor RGB. Habilitado por padrão
  • hsl – valores de cores HSL. Ativado por padrão
  • css-color-name - Nome da cor (vermelho, azul, ...).
  • hsv – valores de cores HSV
  • lab – valores de cores LAB
  • lch – valores de cores LCHab
  • cmyk – valores de cores CMYK. Ativado por padrão
  • hex – valor hexadecimal. Ativado por padrão
  • alfa – Valor alfa. Ativado por padrão
  • preview – Visualização da cor. Exibe cores com alfa no canto inferior esquerdo e cores sem alfa no canto superior direito. Ativado por padrão
  • preview-xl – Pré-visualização maior da cor
  • preview-square – Pré-visualização quadrada da cor
  • preview-square-xl – Pré-visualização quadrada maior da cor

Você pode personalizar quais desses campos são exibidos e a ordem em que são exibidos usando as configurações descritas abaixo.

Image preview: Mostra a visualização da imagem na medianiz e ao passar o mouse.

Live Server: Cria um servidor local que atualiza o código conforme ele é salvado.

Markdown Preview Github Styling: Altera a visualização de markdown integrada do VS Code para corresponder ao estilo do GitHub e inclui suporte para temas claros e escuros do GitHub. Por padrão, o tipo de tema (claro x escuro) é selecionado com base no tema do VS Code.

SVG: Para quem utiliza a criação ou alteração de svg por meio de código, é uma poderosa extensão de suporte à linguagem SVG. Quase todos os recursos necessários para lidar com SVG.

Essas extensões ajudam bastante na hora de criar elementos de front, todas são as que utilizo.

Espero que tenham gostado da lista!

1 resposta

Olá Lauro, obrigado por compartilhar essas extensões úteis para o VS Code! Realmente, elas podem ajudar bastante a agilizar o trabalho de programação e criação de folhas de estilo

Bons estudos!