Com mais de 70% dos programadores VSCOde, é de longe o ambiente de desenvolvimento mais popular, desde o desenvolvimento web até a ciência de dados.
E embora VSCOde tenha uma gama sólida de características básicas, acredito que seu poder oculto está no ecossistema de extensões para download e instaláveis do mercado.
Imagine tudo isso como uma loja de aplicativos para extensões VSCOde!
Desde o assistente de codificação baseado em inteligência artificial até a integração e formatação de código do Git, essas extensões VSCOde cobrem uma ampla gama de recursos úteis para melhorar sua experiência de desenvolvimento.
Copiloto GitHub
Função principal: Sugestões de código alimentadas por inteligência artificial.
Se houver uma extensão do VSCOde você tem que tentar em 2023, ele deve ser GitHub Copilot. É um assistente de codificação de inteligência artificial que fornece dicas de código online ao digitar. É fácil aprender como usar o Copilot, e acredito que cada vez mais desenvolvedores integrarão assistentes de IA como este em seu fluxo de trabalho. O principal benefício é economizar tempo e aumentar a produtividade, fornecendo dicas de conclusão automática e código.
Tabnine
Função principal: Sugestões de código alimentadas por inteligência artificial.
Seguindo nossa primeira escolha, Tabnine é outro assistente de codificação de IA que é extremamente útil para obter dicas de conclusão de código inteligente durante a digitação. Como qualquer boa IA, aprenda com seu código e pode sugerir completamentos com base no contexto atual e modelos de codificação.
Conversar
Função principal: Ferramenta de IA baseada em texto para responder suas perguntas de codificação.
É certo dizer que 2023 foi o ano da IA, então tivemos que incluir a extensão ChatGPT no topo da nossa lista! ChatGPT é um LLM alimentado por IA que responde a pedidos em linguagem natural. Isso inclui obter ajuda com codificação, e é por isso que o ChatGPT se tornou uma das ferramentas de IA mais populares entre desenvolvedores que querem trabalhar mais rápido. Ao adicionar essa extensão ao VSCOde, você pode integrar o ChatGPT diretamente em seu ambiente de desenvolvimento, tornando-o super rápido para interagir com o ChatGPT sem sair do editor.
Servidor Live
Função principal: Lançar um servidor local para ver as alterações em tempo real.
Se você está envolvido em qualquer forma de desenvolvimento web, esta é definitivamente uma extensão que você tem que ter! Com este plugin Visual Studio Code, você pode iniciar um servidor de desenvolvimento local para ver as alterações do seu código em tempo real no seu navegador. Isso é extremamente útil se você quiser feedback instantâneo sobre alterações ao seu código. Você também pode adicionar um segundo monitor e realmente apreciar os benefícios desta extensão ao desenvolver sites e aplicativos da web.
Docker.
Função principal: gerencia recipientes Docker dentro do código VS.
Se você gastar tempo trabalhando com recipientes Docker, você precisa absolutamente desta extensão Docker! A principal vantagem é que é muito mais fácil construir, gerenciar e distribuir seus aplicativos containerizados diretamente do seu ambiente de desenvolvimento. Este é um tema recorrente, mas é importante enfatizar que cada vez que você pode ficar no mesmo ambiente, você realmente economiza muito tempo durante o desenvolvimento. Eu também aprecio o recurso de depuração com um clique para o recipiente Node.js, Python e .NET.
Visualizador Excel
Função principal: Exibir arquivos Excel em código VS.
Acho que é justo dizer que provavelmente passamos algum tempo trabalhando com folhas Excel. Embora você seja um fã do Python usando a biblioteca pandas, você provavelmente se encontrou trabalhando com o Excel em momentos diferentes. É por isso que eu acho que esta extensão VSCOde é uma ótima ideia, pois permite que você visualize arquivos do Excel pré-visualizações diretamente em seu editor de código. Então, que você precisa trabalhar com planilhas Excel ou CSV, esta é uma ótima solução para visualizar dados rapidamente sem ter que abrir outro aplicativo.
Mais bonita
Função principal: formatação automática de código e aplicação de regras de estilo.
Se há uma coisa que eu realmente aprecio, é o código formatado lindamente! Foi por isso que incluí a mais bonita. Para resumir, é um formatador de código e um aplicador de regras de estilo. Isso significa que você formata automaticamente seu código de acordo com um conjunto de regras e convenções sempre que você pressionar Salvar. Esta é uma economia de tempo enorme se você quiser garantir uma formatação de código consistente e limpa sem fazê-lo manualmente. Também é muito útil para as equipes, uma vez que garante que todos usam um estilo consistente com muito pouco esforço. Sim, não há necessidade de lutar sobre espaços vs tabulações!
Histórico Git
Função principal: Mostra o histórico do Git e compara versões de arquivos.
Se você é um desenvolvedor web, um cientista de dados, um desenvolvedor de jogos ou qualquer outro tipo de programador, é muito provável que você use comandos Git todos os dias! Na verdade, eu diria que é quase impensável no desenvolvimento moderno não usar uma forma de controle de versão. No entanto, se você é um usuário Git, você precisa desta extensão do VSCOde em sua vida diária. Sua força principal é que ele permite que você visualize o registro Git com uma visão interativa do histórico do seu repositório Git diretamente dentro do seu editor de código. Também gosto da interface limpa para comparar ramos e commits.
Configuração Sincronizar
Função principal: sincronizar configurações VSCOde em diferentes dispositivos.
Se você já se encontrou planejando em uma máquina diferente, as chances são altas o suficiente de que você tenha se encontrado usando atalhos, botões rápidos e extensões que não estão disponíveis. Você pode até sincronizar essas configurações com sua conta do GitHub, tornando muito fácil acessá-las em qualquer dispositivo.
GitLens
Função principal: Exibe anotações Git online, gráficos de edição e muito mais.
Voltando ao controle de versão com o Git, esta é outra grande extensão para melhorar seu fluxo de trabalho do Git dentro do VSCOde. Com o GitLens, posso acessar anotações on-line, anotações de arquivos, gráficos de commit e um histórico de arquivos visuais diretamente no editor. Também é útil monitorar mudanças de código ao longo do tempo dentro de sua equipe, incluindo a razão para tais mudanças.
Remoto – SSH
Função principal: Funciona com servidores remotos via SSH.
Se você precisa trabalhar com uma máquina remota, você provavelmente usa SSH. Sim, eu posso instalar esta extensão muito útil de VSCOde para conectar a um servidor remoto ou um recipiente via SSH dentro do meu editor. Se você está seguindo um curso AWS ou está começando a trabalhar na nuvem, certifique-se de obter esta extensão.
Execução de Código
Função principal: Execute o trecho de código.
Se você já se encontrou trabalhando em um código fonte grande, é muito provável que você tenha encontrado o cenário onde você quer fazer uma pequena mudança, mas você não quer executar todo o código fonte para testá-lo. Bem, não há problema, porque esta extensão do VSCOde permite que você execute trechos de código em mais de 30 linguagens de programação diretamente no editor do VS Code.
Visualizador Regex
Função principal: Visualizar expressões regulares enquanto as digita.
Se há uma área de programação que pode ser um quebra-cabeça para iniciantes, deve ser a de expressões regulares! Se você é novo para regex ou um profissional, você provavelmente encontrou-se consultando uma folha de referência para verificar seu código. Mas trata-se de aumentar a produtividade. Isso é muito útil, especialmente para iniciantes que podem ter dificuldade em ver o que seu regex está fazendo. Você pode até usá-lo para aprender regex. Não importa o quanto experiente você é, esta extensão pode ser uma economia de tempo enorme para confirmar se o seu regex vai funcionar como esperado.
Realces das tarefas
Função principal: destacar comentários TODO em seu código.
Como a maioria dos desenvolvedores, muitas vezes me encontro escrevendo comentários TODO no meu código. Também serei o primeiro a admitir que às vezes esqueço! Bem, graças a esta extensão do VSCOde, posso garantir que todos os meus comentários TODO voltar. Isto é ideal para torná-los facilmente reconhecíveis e acessíveis. Claro, eu devo me lembrar de fazer o trabalho, mas eu gosto de como você ajuda a rastrear tarefas e comentários em seu código.
VSCode-icons
Função principal: Adicione ícones e cores para seus arquivos e pastas em VSCOde.
Esta é uma extensão bastante básica superficialmente; afinal, é apenas para adicionar ícones, certo? Sim, é. Mas se você já trabalhou em grandes projetos com muitas pastas e arquivos, a navegação pode se tornar bastante cansativa. Além disso, todas as pastas parecem iguais! Aqui é onde esta extensão entra em jogo, já que você pode adicionar estilo e cor às suas pastas e adicionar ícones aos arquivos.
Pavão
Função principal: codificação de cores para espaços de trabalho VS Code para diferentes projetos.
Isto é ideal para personalizar as cores do seu espaço de trabalho. As cores fornecem uma sugestão visual muito agradável para me ajudar a rastrear em que projeto estou trabalhando. Mais uma vez, é super simples, você vai apreciar a capacidade de facilmente identificar e mover entre projetos através de espaços de trabalho coloridos.
Polacode
Função principal: Crie belas telas do seu código.
Às vezes temos de fazer apresentações do nosso código. E quando chegar a hora, podemos precisar compartilhar fragmentos de código dentro da documentação ou apresentações. Aqui é onde esta extensão VSCOde entra em jogo, como Polacode permite que você crie belas telas de seu código com realce de sintaxe. Você só precisa destacar o código que você quer pegar, e Polacode fará o resto.
Melhor
Função principal: Melhore os comentários de código com cores e formatação.
Os comentários no código são um dos elementos mais comuns em qualquer projeto, mas provavelmente são aqueles a que dedicamos menos atenção. Projetado para melhorar a legibilidade de seus comentários no código com cores e formatação. Também apresenta a opção de categorizar meus comentários em alertas, consultas, tarefas, destaque e muito mais.
Verificação ortográfica de código
Função principal: detecta e corrige erros ortográficos em seu código.
Verifique erros de ortografia em seus comentários, strings e arquivos Markdown. Eu acho que é sempre um sinal de um profissional real quando seu código não é apenas bem projetado, mas também é fácil de ler e sem erros ortográficos óbvios ou comuns.
Registo da Consola Turbo
Função principal: Digite instruções JS console.log com um clique.
Sendo um dos idiomas mais populares entre os desenvolvedores, faz sentido incluir algumas extensões VSCOde para JavaScript. Talvez uma das práticas mais comuns ao escrever JS seja usar a instrução consola.log humilde para testar e depurar ad hoc. Aqui é onde esta extensão brilha, pois permite que você adicione instruções de console rapidamente. logs significativos para o seu código com atalhos de teclado.
Incêndio
Função principal: colore os níveis de retorno em seu código.
Se você programa regularmente em uma linguagem como Python que depende do retorno, você provavelmente se encontrou tentando rastrear os níveis de retorno na tela. Eu sei, já passei por isso. Mesmo quando tento manter meu código plano, às vezes é impossível evitar retornar aos meus projetos Python. Aqui é onde esta extensão de VSCOde entra em jogo, como ele adiciona cor para os vários níveis de retorno em seu código. Confie em mim, use-o e aprecie imediatamente como é fácil ler o código indentado. Eu também aprecio o fato de que ele usa automaticamente o tamanho da aba atual que você definir para o seu editor.
Favoritos
Função principal: adicionar e navegar rapidamente entre os favoritos em seu código.
Independentemente do navegador ou escolha preferida, é bem provável que você usou favoritos para salvar sites. Bem, porque não podemos fazer o mesmo com as linhas de código que queremos verificar mais tarde. Adicione favoritos para linhas de código em seus arquivos para navegação super rápida. Particularmente útil quando se trabalha com um código grande.
Mudar o Nome Automático da Marca
Função principal: Renomear automaticamente os pares de tags HTML/XML.
Esta é uma extensão VSCOde muito simples, mas também é muito útil, uma vez que economiza esse pouco tempo extra quando você precisa renomear tags HTML ou XML. Basta renomear a etiqueta de abertura ou fechamento, e a outra será automaticamente renomeada para corresponder.
Excertos de código JavaScript
Função principal: coleção de fragmentos de código JavaScript comumente usados.
Se você está planejando regularmente no JavaScript, você provavelmente se encontrou usando os mesmos fragmentos de código o tempo todo com pequenas alterações. Isso é bastante comum no desenvolvimento da web: afinal, quando algo é bom, por que começar de novo? Embora você tenha acabado de completar um curso JavaScript, você terá notado que muitos projetos de desenvolvimento web usam modelos de código semelhantes. Pode ser uma enorme economia de tempo quando você precisa de uma placa de caldeira rápida para iniciar a bola.
ES7+ React/Redux/React-Native Snippets
Função principal: coleção de fragmentos de código React e Redux.
Se você é um profissional ou está seguindo um curso sobre React, você vai se encontrar usando a mesma lógica e as mesmas abordagens várias vezes. Assim, para ajudá-lo a economizar tempo, esta extensão VSCOde, como ele oferece uma coleção de fragmentos de código comum para trabalhar com React e Redux. Ele ainda oferece fragmentos de TypeScript se você optar por mudar para JS fortemente tipificada.
CSS Peek
Função principal: navegar / verificar definições de CSS em seu código.
Se você é um desenvolvedor web, você provavelmente gasta muito tempo trabalhando tanto em HTML e CSS. Você gostaria de dar uma olhada rápida em suas folhas de estilo CSS diretamente de seus arquivos HTML. Ele permite que você mude rapidamente de código HTML para código CSS e vice-versa clicando em um seletor CSS em seu HTML. Este tipo de multitarefa é super eficiente, quanto mais você vai apreciar os benefícios em economizar tempo ao construir seus projetos HTML.
Cor
Função principal: colore o texto e códigos de cores hexadecimais em seu código.
Se você é um desenvolvedor de front-end, você provavelmente gasta muito tempo pensando e fazendo escolhas de cor para os elementos de sua página web. Mas com esta extensão prática do VSCOde, você pode ver uma exibição de cor rápida diretamente no editor, como ele adiciona a cor escolhida para o seu código. Sim, esse código hexadecimal vai magicamente se tornar colorido na cor real que você está tentando usar!
Marcar Tudo em Um
Função principal: suporte de marcação integrada em VS Code.
Se você é alguém que começou a usar o markdown para criar sua documentação, você vai realmente apreciar a funcionalidade adicionada que esta extensão VSCOde oferece! E sim, VSCOde oferece suporte básico de marcação, mas se você for um usuário experiente, você vai apreciar os atalhos, comandos e acabamento automático oferecidos.
Fontes de Ícones
Função principal: Visualização e inserção de ícones no Código VS.
Se você já procurou por ícones para incluir em seus projetos de desenvolvimento, você vai entender o quão chato pode ser! Ele oferece uma coleção de ícones que você pode incorporar diretamente em seus projetos. Use trechos para incorporar Glyphicons Bootstrap ícones, ícones Android e muito mais.
Depurador para o Chrome
Função principal: Depurar o código JS diretamente do código VS no Chrome.
Ideal para desenvolvedores JavaScript que querem depurar dentro de um navegador Chrome diretamente no editor de código VSCOde. Se você gastou tempo criando projetos JavaScript, você estará muito familiarizado com o fato de que você tem que mudar para o seu navegador para testar e depurar. Mas com esta extensão, você pode remover este passo adicional e fazer tudo dentro do ambiente de desenvolvimento.
