Executando verificação de segurança...
5

Extensões que tenho no meu VSCODE

Se conhece algumas extensões incríveis que não está na lista, responde aqui por favor

As extensões que não pode faltar para quem trabalha no frontend (react, reactNative) e backend (Nodejs).

  • Auto Rename Tag - Renomeie automaticamente a tag HTML/XML emparelhada, da mesma forma que o IDE do Visual Studio.
  • Color Highlight - Esta extensão estiliza cores CSS/web encontradas em seu documento.
  • Docker - A extensão do Docker facilita a criação, o gerenciamento e a implantação de aplicativos em contêiner do Visual Studio Code. Ele também fornece depuração com um clique de Node.js, Python e .NET Core dentro de um contêiner.
  • DotENV - DotEnv é um pacote npm leve que carrega automaticamente variáveis ​​de ambiente de um arquivo .env no objeto process.env. Veja mais sobre isso
  • Git History - No site do Git History explica com mais detalhe o quão é incrivel essa extensão
  • Git Tree Compare - Essa extensão do Visual Studio Code ajuda você a comparar sua árvore de trabalho com uma ramificação, marca ou confirmação em uma estrutura de árvore de pasta natural ou uma lista simples.
  • Live Share - Desenvolvimento colaborativo em tempo real no conforto de suas ferramentas favoritas.
  • Peacock - Altere sutilmente a cor do espaço de trabalho do seu espaço de trabalho. Ideal quando você tem várias instâncias do VS Code e deseja identificar rapidamente qual é qual.
  • Prettier - Code formatter - Formatador de código deixando o visual mais bonito
  • Rocketseat React Native - Snippets React Native criados pela Rocketseat.
  • Rocketseat ReactJS - Snippets ReactJS criados pela Rocketseat.

Esse é para todos:

  • Settings Sync - Sincronize configurações, snippets, temas, ícones de arquivo, inicialização, atalhos de teclado, espaços de trabalho e extensões em várias máquinas usando o GitHub Gist.

É isso, posso trazer mais extensões aqui se vocês quiserem

Carregando publicação patrocinada...
5
1
5

Outras extensões incríveis que eu utilizo são:

  • Dracula - Um tema bem bonito pro vscode, que não cansa os olhos após horas codando
  • Path Intellisense - Um autocomplete pros seus nomes de arquivos e diretórios
  • Ignore - Adiciona autocomplete e cores as linhas do seu arquivo de .gitignore
  • NPM Intellisense - Adiciona autocomplete as suas dependências NPM
  • Intellicode - Adiciona autocomplete com IA no Python, Typescript, Java e Javascript
  • Tabnine - Uma alternativa mais completa ao Intellicode (porém mais pesada)
  • Pomodoro Timer Um Pomodoro integrado ao vscode pra aumentar a sua produtividade
  • Trailing Spaces - Mostra espaços desnecessários no seu código

E um detalhe: O Settings Sync agora é nativo do vscode, é só ativar nas configurações, assim como o Auto Rename Tag

4

Outra extensão muito boa é a:

  • Draw.io Integration - Permite q vc desenhe diagramas e fluxos para o seu readme salvando com uma extensão (svg ou png) que pode ser usada normalmente mas também fica editável! exemplo: image.drawio.svg
    demonstracao
3

Algumas que eu considero essenciais e não foram mencionadas:

  • Project Manager - Essencial para quem trabalha com muitos projetos no VSCode, é possível criar uma lista para navegar entre eles apenas com um clique, ou mesmo abrir numa nova janela do VSCode.
  • ESLint - Integra o ESLint ao VSCode.
  • Stylelint - Integra o Stylelint ao VSCode.
  • GitLens - O que mais gosto dessa ferramenta é ter o blame do Git na linha do próprio código:
    Código digitado, ao lado direito está o blame do Git numa cor cinza para diferenciar do código
1