Primeiramente, que o VSCode virou a IDE favorita da comunidade não é nenhuma novidade, ela facilita diariamente a vida de muitos desenvolvedores.
Podemos otimizar ainda mais o nosso processo de desenvolvimento utilizando algumas extensões vs code e com isso aumentar a nossa produtividade.
Extensões VSCode: Live Server
Portanto essa extensão é praticamente obrigatória para você que curte o ambiente de front-end.
Dessa forma com Live Server é possível fazer alterações no editor de código, alternar para o navegador e atualizar para ver as alterações sem se perder alternando entre janelas.
De forma ainda mais simples de explicar, digamos que o seu navegador é atualizado automaticamente sempre que você faz alguma alteração de código.
Além disso, também executa seu aplicativo em servidor localhost. Como há algumas coisas que você só pode testar ao executar seu aplicativo ao vivo num servidor, portanto, esse é um benefício interessante e justifica o nome da extensão.
Extensões VSCode: Browser Preview
Então o Browser Preview para VS Code permite que você abra uma visualização real do navegador dentro do seu editor que você pode depurar. Portanto o Browser Preview é fornecido pelo Chrome Headless e funciona iniciando uma instância do Chrome sem cabeça em um novo processo. Nesse sentido isso possibilita uma maneira segura de renderizar conteúdo da web dentro do VS Code e habilita recursos interessantes, como depuração no editor e muito mais!
Extensões VS Code: Remote – SSH
A extensão Remote – SSH permite usar qualquer máquina remota com um servidor SSH como seu ambiente de desenvolvimento.
Isso pode simplificar bastante o desenvolvimento e a solução de problemas em uma ampla variedade de situações.
- Desenvolva no mesmo sistema operacional que você implementa ou usa uma infraestrutura maior, mais rápida ou mais especializada que a sua máquina local.
- Troque rapidamente entre diferentes ambientes de desenvolvimento remoto e faça atualizações com segurança, sem se preocupar em impactar sua máquina local.
- Acesse um ambiente de desenvolvimento existente de várias máquinas ou locais.
- Depure um aplicativo em execução em outro lugar, como um site de cliente ou na nuvem.
Extensões VS Code: IntelliSense for CSS class name in HTML
Uma extensão de código do Visual Studio que fornece preenchimento de nome de classe CSS para o atributo class HTML com base nas definições encontradas em seu espaço de trabalho ou arquivos externos referenciados por meio do elemento link.
Extensões VS Code: GitLens
GitLens simplesmente ajuda você a entender melhor o código . Vislumbre rapidamente quem, por que e quando uma linha ou bloco de código foi alterado.
Volte na história para obter mais insights sobre como e por que o código evoluiu. Explore sem esforço a história e a evolução de uma base de código.
GitLens é poderoso , rico em recursos e altamente personalizável para atender às suas necessidades.
Você acha que a lente do código é intrusiva ou a anotação de culpa da linha atual é perturbadora – sem problemas, desligue-as rapidamente ou mude como elas se comportam por meio do editor interativo de configurações GitLens .
Para personalizações avançadas, consulte os documentos GitLens e edite suas configurações de usuário.
Gostou do artigo? Você usa alguma dessas extensões?
Se você é estudante de programação, vou deixar uns links de conteúdos gratuitos para você começar a estudar ainda hoje:
