Como muitos desenvolvedores, penso no VS Code principalmente como um editor de código elegante – perfeito para escrever, depurar e gerenciar projetos. É uma ferramenta fantástica, sem dúvida, mas minha perspectiva mudou quando comecei a me aprofundar em seu vasto ecossistema de extensões. Esses não são seus marcadores ou curvas de sintaxe cotidianas; são ferramentas poderosas que transformam o VS Code em algo muito mais versátil. Aqui estão as joias escondidas que provam que o VS Code é muito mais do que apenas um ambiente de desenvolvimento integrado.
Como usar GPU no Visual Studio Code
Você pode usar uma GPU dedicada para acelerar o processamento de código do Visual Studio.
Excalidraw
Tenha ideias rapidamente
A extensão Excalidraw para VS Code é um ótimo exemplo de como uma ferramenta simples pode melhorar seu fluxo de trabalho de desenvolvimento. Ele integra o popular quadro branco virtual baseado na web diretamente em seu código VS. Você pode criar e editar diagramas no Excalidraw porque ele lida com arquivos com extensões como .excalidraw, .excalidraw.json, .excalidraw.svg ou .excalidraw.png.
Ele mantém a aparência desenhada à mão exclusiva do Excalidraw, perfeito para diagramas rápidos que não precisam parecer perfeitamente polidos. A extensão fornece todas as ferramentas básicas como retângulos, círculos, losangos, setas, linhas e muito mais.
É bastante útil para esboços e wireframes de design rápidos, diagramas de arquitetura de software, fluxogramas, visualizações e sessões de brainstorming. Você pode simplesmente criar um novo arquivo com uma das extensões suportadas e desbloquear o editor Excalidraw no VS Code.
Gráfico sereia
Adicione gráficos diferentes usando uma linguagem de código aberto
Se o Excalidraw for muito simples para você, verifique a extensão Mermaid Chart do VS Code. Como esperado, ele usa a biblioteca Mermaid.js para permitir que os desenvolvedores criem, visualizem e gerenciem gráficos usando uma sintaxe textual simples, semelhante ao Markdown, diretamente em seu editor.
Quando você digita a sintaxe Mermaid em um arquivo, a extensão fornece uma visualização instantânea e em tempo real do gráfico renderizado em um painel separado. A extensão reconhece automaticamente arquivos .md e blocos de código Mermaid no Markdown. Ele oferece suporte a uma ampla variedade de tipos de gráficos, incluindo fluxogramas, gráficos de sequência, gráficos de classe, gráficos de Gantt, gráficos de pizza e muito mais.
É uma extensão obrigatória para documentação técnica, fluxo de código e visualização de algoritmos, bem como documentação de API.
Espuma
A ferramenta PKM perfeita
A extensão Foam transforma seu editor de código familiar em um poderoso sistema PKM. É fortemente inspirado nos conceitos da Roam Research e no método Zettelkasten. Ele conecta ideias, constrói uma rede de conhecimento e permite uma melhor criação de conteúdo em seus arquivos Markdown nativos.
Você pode vincular notas usando a sintaxe ((link wiki)) e o Foam exibe automaticamente os backlinks. Ajuda a descobrir conexões inesperadas e fornece contexto. O Foam oferece suporte à visualização de gráficos, visualização e navegação de links, anotações diárias e muito mais.
7 razões pelas quais o VS Code é o melhor editor de texto, mesmo se você não for desenvolvedor
O editor de texto secreto que todos deveriam usar
Ícones Vscode
Adicione um toque estético
O VS Code permite que extensões adicionem diferentes temas de ícones, e vscode-icons fornece um rico conjunto de ícones personalizados que são bem reconhecidos por muitas linguagens de programação. Em vez de documentos genéticos ou ícones de pasta, você verá um ícone especial para um arquivo .js, um arquivo .css, uma pasta .git e assim por diante. Ele suporta uma ampla variedade de extensões de arquivo, nomes de arquivos e nomes de pastas.
Isso pode parecer um pequeno detalhe, mas melhora a clareza visual, a velocidade de navegação e a experiência geral do usuário.
Markdown tudo em um
Leve sua experiência Markdown para o próximo nível
Embora o VS Code tenha suporte Markdown integrado decente, esta extensão leva a experiência a um novo nível. É um ótimo exemplo de como uma extensão pode tornar o editor uma poderosa plataforma de criação de conteúdo.
Markdown All in One oferece suporte a atalhos de teclado para formatação comum. Isso economiza muito tempo. Em vez de digitar manualmente ** para negrito ou * para itálico, você pode usar atalhos de teclado para opções de formatação comuns. A extensão também oferece suporte a índice, edição de lista inteligente, preenchimento automático e muito mais.
Tentei usar o VS Code em vez do Obsidian para fazer anotações e é surpreendentemente decente
Não combina muito comigo, mas você pode gostar.
Gestor de projeto
Gerencie seus projetos como um profissional
Se você costuma fazer malabarismos com vários projetos, use a extensão Project Manager. Embora os recursos integrados de pasta aberta e espaços de trabalho do VS Code lidem bem com projetos individuais, a extensão Project Manager fornece uma maneira centralizada, rápida e eficiente de organizar, acessar e alternar entre todos os seus projetos de desenvolvimento.
Os principais recursos incluem uma lista centralizada de projetos, a capacidade de salvar qualquer pasta como um projeto, detecção automática de repositórios, organização por tags e muito mais. Aumenta a organização do projeto, reduz a mudança de contexto e melhora a produtividade.
Para código Figma VS
Acesse seus arquivos Figma
Este plugin preenche a lacuna entre os fluxos de trabalho de design e desenvolvimento. Ele integra o recurso de colaboração de design do Figma e o Dev Mode focado no desenvolvedor diretamente no ambiente VS Code.
Tradicionalmente, os desenvolvedores alternavam entre seu IDE e o aplicativo Figma para verificar especificações de design, copiar valores e entender layouts. Esta extensão elimina essa mudança constante de contexto, fornecendo informações essenciais de design diretamente ao desenvolvedor com o VS Code.
Desbloqueie o verdadeiro poder do VS Code
Como você pode ver, o VS Code é muito mais do que apenas um lugar para escrever e revisar código. Essas extensões o transformam de um simples editor em uma estação de trabalho poderosa, capaz de realizar tarefas que você nunca imaginou. O que você está esperando? Baixe o VS Code no link abaixo, acesse o menu de extensões e expanda rapidamente seu ecossistema de desenvolvimento.
Se você estiver usando o Ubuntu como máquina principal, veja como instalar o VS Code nele.
