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ãohsl– valores de cores HSL. Ativado por padrãocss-color-name- Nome da cor (vermelho, azul, ...).hsv– valores de cores HSVlab– valores de cores LABlch– valores de cores LCHabcmyk– valores de cores CMYK. Ativado por padrãohex– valor hexadecimal. Ativado por padrãoalfa– Valor alfa. Ativado por padrãopreview– Visualização da cor. Exibe cores com alfa no canto inferior esquerdo e cores sem alfa no canto superior direito. Ativado por padrãopreview-xl– Pré-visualização maior da corpreview-square– Pré-visualização quadrada da corpreview-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!
