8 extensões VS
Code para Desenvolvimento Web
Opa aqui é o Josenito!! Tudo bem?
Se você está estudando desenvolvimento Web utiliza o VS Code
como editor de código, ou pelo menos já ouviu falar sobre ele em alguns vídeos
no Youtube. O Visual Studio Code (VS Code) é um editor de código gratuito desenvolvido pela Microsoft.
Antes de começar
O VS Code conta com um monte de extensões, confira no Marketplace no site da Microsoft. Vamos ver aqui, separei 5 que
considero muito úteis para estudar Programação Web. O objetivo é mostrar que a
gente pode estudar HTML e CSS.
Praticamente tu precisa instalar o VS Code na sua máquina.
Se não tiver pode instalar por meio deste link aqui code.visualstudio.com.
Live Server
O Live Server é usado para páginas web estáticas ou
dinâmicas. Praticamente usamos esta extensão que elimina a necessidade de dar
um F5 a cada alteração que você faz no arquivo do seu projeto (seja um .html,
.css, etc).
Browser Preview
Bom, testando esta
extensão o Browser Preview abre um navegador dentro do seu VS Code. Nesse caso,
você pode editar o código html e css e talvez JS ao mesmo tempo, visualizar as alterações em tempo real.
Debugger for
Chrome
O Debugger for Chrome permite que faça o debug para visualizar todo o projeto
fora do VS CODE para verificar se está correto depurando o seu código.
IntelliSense for CSS class name in HTML
Uma extensão do Visual
Studio Code que fornece auto complementação nas classes do CSS com atributo do
HTML como a questão de criar botões.
HTML CSS Support
Fornece e dá suporte com os atributos do HTML Id e Classe e
valida os setores do CSS.
Live Share
Não esquecendo de falar
que Liveshare foi desenvolvida pela Microsoft para trabalho em grupo, pelo que
pude perceber permite que 2 pessoas trabalhem no mesmo projeto por meio dela
podemos compartilhar nosso projetos no Git Hung.
Pacote
de Extensão HTML5
Com essa extensões mais comuns para HTML5
em um pacote. Este pacote de extensão inclui: HTML Snippets por abusoidm HTML
Boilerplate Picture Element HTML Snippets por wgenial HTML Snippets Por geyao
ejs Snippets quickstart Tag Inserter
Prettier
Você programa
identando seu código com essa ferramenta e faz automaticamente
Live Preview
Cansado de sempre ir
ao navegador e atualizar páginas. Bom com essa ferramenta você codifica a faz
atualização em tempo real do seu projeto.