Você está na página 1de 20

IDE (Integrated Development Environment) - Ambiente de

Desenvolvimento Integrado

IDE ou Integrated Development Environment (Ambiente de Desenvolvimento


Integrado) é um software que auxilia no desenvolvimento de aplicações, muito utilizado
por desenvolvedores, com o objetivo de facilitar diversos processos (ligados ao
desenvolvimento), que combinam ferramentas comuns em uma única interface gráfica
do usuário (GUI).

Para o desenvolvedor, é uma forma de criar aplicações de maneira mais rápida, uma vez
que estas IDEs auxiliam em todo o processo de desenvolvimento de uma aplicação,
provendo diversos benefícios, como a análise de todo o código a ser escrito para
identificar bugs causados por um erro de digitação, autocompletam trechos de códigos,
e etc.
Sem dúvidas, a escolha de uma IDE facilita e muito a criação de aplicações para um
desenvolvedor, auxiliando ainda mais quando integrado a outras ferramentas.
Basicamente, uma IDE é o ambiente que o desenvolvedor utilizará para escrever,
executar, testar e corrigir suas aplicações.
Características de uma IDE
Diversas são as características presentes em uma IDE, as mais comuns são:
 Editor de código-fonte: utilizado para escrever comandos suportados por uma
determinada linguagem de programação;
 Preenchimento inteligente: é um recurso da IDE que permite o preenchimento de
trechos de códigos com a finalidade de agilizar o desenvolvimento;
 Compilador ou interpretador: Toda IDE possui um compilador (ou um
interpretador) integrado, que transformará todo o código-fonte escrito em
linguagem de máquina;
 Debbuger: utilizado para encontrar e corrigir erros no código-fonte;
 Geração automática de código: é um recurso que permite a criação de trechos de
códigos predefinidos, trazendo agilidade ao processo de desenvolvimento;
 Refatoração: é uma ferramenta que, em conjunto com testes automatizados,
garantem a melhoria constante do código-fonte e erradicação de bugs.
Vantagens e desvantagens de uma IDE
Apesar de facilitar a criação de aplicações, as IDEs possuem diversas vantagens e
desvantagens em sua utilização. Dentre elas podemos citar:
Vantagens de usar um Ambiente de Desenvolvimento Integrado:
 Aumento da produtividade: Por possuir diversas ferramentas que auxiliam na
criação de aplicações, o desenvolvedor só utilizará esta ferramenta, aumentando
assim sua produtividade;
 Diminuição de gastos: Por ser uma solução completa, muitas vezes esta é a única
ferramenta que o desenvolvedor precisa adquirir para a construção de suas
aplicações;
 Medir desempenho: Diversas IDEs possuem também ferramentas para medição
de desempenho da execução de aplicações;
 Geração automática de códigos: Como dito acima, é o recurso que permite a
criação de trechos de códigos predefinidos;
 Facilidade em fazer verificações e correção de erros: A maioria das IDEs
possuem ferramentas que analisam o código que está sendo desenvolvido,
permitindo que possíveis erros sejam corrigidos no momento do seu
desenvolvimento;
 Completa: Com um único software o desenvolvedor consegue desenvolver,
testar e corrigir uma aplicação.
Desvantagens de usar um Ambiente de Desenvolvimento Integrado:
 Pagas: Muitas IDEs são pagas, o que dificulta sua adoção pela comunidade;
 Facilidade no desenvolvimento: Aqui podemos analisar por duas vertentes: Por
prover diversas facilidades na hora do desenvolvimento (como a geração
automática de códigos, por exemplo), mas podem também contribuir para que
muitos desenvolvedores se tornem “mal acostumados” na hora de desenvolver e,
assim, se tornando dependentes da IDE;
 Ambiente lento: Apesar de ser uma solução completa, isso tem um custo. A
maioria das IDEs consomem muito mais recursos de hardware do computador
que um simples editor de texto.

Podemos concluir que…


A utilização de uma IDE não se torna obrigatória, visto que também é possível o
desenvolvimento de aplicações sem que o desenvolvedor a utilize. Em algumas
situações, o desenvolvedor a escolherá pelas diversas vantagens que sua utilização
provê, então, nada melhor que analisar todas estas questões a fim de escolher aquela que
mais se adequa a sua forma de desenvolvimento.

Nos próximos artigos, falaremos sobre algumas IDEs para o desenvolvimento em Java,
Python, PHP e C#.

O que é IDE?

Um IDE é um pacote de software que consolida as ferramentas básicas necessárias para


escrever e testar softwares.

Trocando em miúdos, um IDE, ou ambiente de desenvolvimento integrado, é um


software que une ferramentas de desenvolvimento em uma única interface gráfica do
usuário (GUI).
Um IDE geralmente utiliza:

Editor de código-fonte

Trata-se de um editor de texto que auxilia na criação de códigos por meio de


funcionalidades como destaque da sintaxe com indicadores visuais e recursos de
preenchimento automático.

Automação de compilação local

Função de automatizar tarefas simples e repetíveis durante a criação de uma compilação


local. Exemplos:

 Compilação de código-fonte em código binário;


 Criação de pacotes de código binário;
 Execução de testes automatizados.

Debugger

Programa com a finalidade de testar outros programas e apontar visualmente a posição


do bug no código.

Por que usar um IDE

O principal benefício de um ambiente de desenvolvimento integrado é o aumento da


produtividade do desenvolvedor.

Os IDEs aumentam a produtividade reduzindo o tempo de setup, aumentando a


velocidade das tarefas de desenvolvimento, mantendo os desenvolvedores atualizados e
padronizando o processo de desenvolvimento.

 Configuração mais rápida: Sem uma interface IDE, os desenvolvedores


precisariam gastar tempo configurando várias ferramentas de desenvolvimento.
Com a integração de aplicativos de um IDE, você tem tudo em um só lugar, sem
a necessidade de trocar constantemente de ferramentas.
 Mais produtividade com as tarefas: O código pode ser analisado e a sintaxe
verificada durante a edição, fornecendo feedback instantâneo quando erros de
sintaxe são introduzidos.
 Aprendizagem contínua: Os tópicos de ajuda do IDE são constantemente
atualizados, bem como novos exemplos, modelos de projeto, etc.
 Padronização: A interface do IDE padroniza o processo de desenvolvimento, o
que ajuda os desenvolvedores a trabalharem juntos com mais facilidade e ajuda
os novatos a rampar e trabalhar mais rapidamente.

Alguns IDEs são de código aberto, enquanto outros são ofertas comerciais. Um IDE
pode ser um aplicativo independente ou pode ser parte de um pacote maior de software.
Qual a diferença entre IDE e Editor de Código?

Editores de código, na teoria, são ferramentas dedicadas à criação e edição de códigos,


já o IDE é um pacote com vários softwares diferentes que são combinados para criar um
ambiente ideal para se programar.

Mas, na prática, a grande maioria dos editores de código possuem plugins e pacotes que
podem transformá-los em poderosas IDEs.

Tudo é questão de preferência pessoal e no fim das contas, com o uso profissional, tudo
acaba virando IDE.

Agora, vamos direto para o que interessa! As minhas Top 10 Python IDEs:

Jupyter

Jupyter é um amigão quando o assunto é Ciência de Dados. É fácil de usar, apresenta


uma interface intuitiva e ideal para trabalhar com grandes conjuntos de dados para
análise. 

Por que usar?

Porque é mais que uma IDE, também serve como uma ferramenta de demonstrações.
Você pode ver e editar facilmente seu código para criar apresentações atraentes.

De HTML aos vídeos de gatinhos tocando teclado, as integrações do Jupyter fazem a


diferença principalmente para a apresentação de projetos ou uso com finalidades de
instrução e educação. 

Por exemplo, você pode usar bibliotecas de visualização de dados como Matplotlib e
Seaborn e mostrar seus gráficos no mesmo documento em que seu código está. Ou
ainda exportar seu trabalho final para PDF, por exemplo. 

Quer saber mais? Você pode baixar o Jupyter seguindo este tutorial. 

E se você é iniciante e a área de Ciência de Dados chama a sua atenção, segue uma dica
bônus: O Paulo Vasconcellos, cientista de dados, preparou um tutorial bacana ensinando
a baixar e instalar a Anaconda, uma suite de arquivos essenciais para Data Science
incluindo o nosso amigo Jupyter. 

VS Code

Segundo pesquisa da Stack Overflow, o Visual Studio Code é a IDE mais popular do
mundo e não apenas para Python, confira na imagem:

Confira as melhores extensões para o Visual Studio Code em 2021. 

Desenvolvida pela Microsoft, o VS Code fornece suporte ao Python também por meio
da extensão Microsoft Python. 

Por que usar VS Code ?


As principais vantagens da IDE é ser altamente customizável e com um rico conjunto de
extensões que podem ser usadas para melhorar as funcionalidades padrão. 

Outro benefício é trabalhar com o GIT diretamente do Visual Studio Code e isso pode
fazer você ser mais produtivo ao longo do tempo.  

Para download e instalação confira o tutorial oficial de uso do VS Code.

Pycharm

Se é uma IDE dedicada ao Python que você quer, Pycharm é o que você irá usar. 

O Pycharm é usado especificamente para Python e foi desenvolvido para rodar nos
principais sistemas operacionais do mercado. 

Por que usar Pycharm?

Desenvolvido pela JetBrains, a ferramenta fornece análise de código, ferramenta de


debugging, autocompletamento de códigos entre outras coisas que facilitam o
desenvolvimento de suas linhas de código.

Com essa Python IDE, os desenvolvedores podem criar seus próprios processos como
plugins, por exemplo, com a ajuda das APIs disponíveis na plataforma. 

Você também pode trabalhar diretamente com vários bancos de dados a partir do
própria IDE sem precisar sair dela. 

Para saber mais, confira os tutoriais da plataforma no site oficial da ferramenta.  

Com o PyCharm você pode desenvolver em Python. A versão Profissional dá suporte


para desenvolvimento de aplicações web com Django, Flask e Pyramid. O Pycharm
também suporta HTML, CSS, JavaScript e XML.

O suporte para outras linguagens também podem ser adicionadas baixando plugins.

Atom
Chegou a hora de ser clubista. Sim, isso mesmo! Esse é pura preferência pessoal, eu
adoro o Atom! 

Ele é um editor de código aberto muito popular, tem uma interface bem amigável e
como se não fosse o suficiente ainda conta com suporte integrado ao GIT e está
disponível para os principais sistemas operacionais. 

Por que usar Atom?

É leve, sua interface é agradável, tem uma infinidade de extensões e plugins disponíveis
para executar análises e codar em Python.

Recomendo esse tutorial sobre os principais plugins de Python para o Atom. 

E aqui para fazer o download do editor de código Atom. 

Wing Python IDE

O Wing é um pacotão de recursos! Sabe o combo da lanchonete que você compra


quando está faminto e nele vem de tudo para matar a sua fome? É como isso, resolve o
seu problema de forma prática e sem muita enrolação. 

Por que usar Wing?

Apesar de ser uma coleção de funcionalidades, ele é extremamente leve e possui muitos
recursos para turbinar a interpretação e debugging dos códigos. 
Se o seu foco é o Python em si, é um dos mais quentes do mercado. Assim como a
Pycharm, ela foi desenvolvida para ser 100% Python. 

Ela não tem meio-termo, é feita para funcionar e rodar sem dores de cabeça. Ideal para
encontrar problemas com a ajuda de análise profunda do código Python do Wing e
manter o código limpo com refatoração inteligente e inspeção de qualidade de código.

E também funciona localmente, em um host remoto, VM ou contêiner. Faça o download


da Wing Python IDE.

Thonny

Thonny é um IDE python para iniciantes desenvolvido pela Universidade de Tartu na


Estônia, isso explica a grafia diferentona.

Foi projetado principalmente para tornar a vida mais fácil para novatos em Python,
fornecendo-lhes um IDE simples e leve.

É como um kit para iniciantes em Python, tem tudo do básico que você precisa para
começar bem.

Por que usar Thonny?

Utiliza poucos recursos de sua máquina e é particularmente adequado para


desenvolvedores que estão dando os primeiros passos na linguagem, não espere lá muita
coisa dele além disso.

Faça o download ou saiba mais sobre o Thonny Python IDE.

IDLE Python IDE


O Integrated Development and Learning Environment (IDLE) é um IDE lançado em
dezembro de 1998 por Guido Van Rossum para o desenvolvimento Python.

Ele é um IDE simples e, portanto, adequado para iniciantes. Basicamente consiste em


um editor de texto com várias janelas com destaque de sintaxe e depurador integrado
com revisão e visibilidade da pilha de chamadas entre outros recursos básicos.

Por que usar IDLE?

Ele é 100% Python e pode ser usado para executar uma única instrução, também pode
ser usado para criar, modificar e executar scripts Python.

Assim como o Thonny, seu foco é quem está começando. Trata-se de uma possível
alternativa em relação a outra IDE.

Confira tudo sobre o IDLE Python IDE.

Pydev

O Eclipse é um ambiente de desenvolvimento integrado historicamente projetado para a


linguagem Java. Mas com o plugin Pydev ele se transforma num poderoso IDE Python
que também suporta Jython e IronPython.

Pydev usa técnicas de inferência avançadas para fornecer elementos como


preenchimento de código e análise de código.

O IDE também oferece depurador, Django, um console interativo, destaque de sintaxe


básica, cobertura de código e muitos recursos avançados para o dia a dia do
desenvolvedor profissional em Python.

Por que usar Pydev?


Pydev é gratuito, com análise e completação de código e totalmente integrado ao
universo Eclipse. Ideal para quem já utiliza o Eclipse e precisa atuar com Python.

Se você desconsiderar a interface do usuário do Pydev, que não é das melhores, o Pydev
pode ser considerado o melhor IDE Python, tem tudo o que é preciso nele.

Saiba mais sobre o Pydev Python IDE.

Elpy

Antes, um aviso: Não é para iniciantes! Aliás, só deveria usar Elpy quem for muito
“raiz” e seguir a filosofia de Richard Stallman de que o software deve ser totalmente
gratuito e personalizável sem qualquer restrição na programação.

Em suma, o Elpy é uma extensão de Emacs para projetos Python.

Por que usar Elpy?

Emacs são muito ricos em funções e o Elpy bebe dessa fonte. Dentre seus diversos
recursos, podemos citar como exemplos o destaque da sintaxe para diferenciar
elementos do documento como palavras-chave e comentários, além do recuo automático
para ter formatação consistente em um arquivo.

É apenas uma amostra de seu poder de fogo, porém esteja ciente que Emacs não é fácil
de usar para iniciantes em programação, requer experiência e saber claramente sobre o
que está codando.

É apenas uma amostra de seu poder de fogo, porém esteja ciente que não é fácil de usar
para iniciantes em programação, requer experiência e saber claramente sobre o que está
codando.

Saiba mais e faça o download do GNU Emacs.

Spyder Python IDE

Antes conhecido como Pydee, o Spyder foi criado por Pierre Raybaut em 2008. É
multiplataforma e desde 2012, é a comunidade científica Python que mantém o Spyder
ativo.
O Spyder tem recursos básicos, como destaque de sintaxe e preenchimento automático,
e também integra muitas bibliotecas de uso científico, como Matplotlib, Numpy,
IPython, Scipy.

É simples, prático e focado em Data Science. Além disso, é open-source, gratuito e fácil
de instalar graças ao gerenciador de pacotes Python.

Por que usar Spyder?

O Spyder oferece uma combinação única de análise avançada, depuração, edição,


execução interativa, inspeção detalhada e recursos de visualização de um pacote de
software científico.

Esses componentes principais são o console interativo, o visualizador de documentação,


o explorador de variáveis e as ferramentas de desenvolvimento.

Um dos melhores recursos é sua barra de ferramentas de ajuda, que permite pesquisar
uma infinidade de informações relacionadas a bibliotecas/módulos. É muito bom para
aprender e descobrir novidades.

Ele já vem preparado para o Anaconda, você só precisará baixá-lo. Saiba como instalar
o Anaconda.

E aí, qual Python IDE você prefere?

É claro que existem vários outras Python IDEs que facilitam a codificação e análise de
códigos em Python, mas eu preferi listar somente as 5 que mais me atraem numa stack
envolvendo a linguagem. 

Alguma de sua preferência ficou de fora? Conta aí!

E caso você procure por novas oportunidades em python, acesse a nossa página de


vagas para desenvolvedores, crie um perfil grátis e demonstre interesse nas
oportunidades do seu interesse. Assim, você aumenta a chance de contratação!
Editores de Código

Antes de tudo, o que é um Editor?

De forma bem prática e objetiva, digamos que um editor, HTML por exemplo, é
um software que você utiliza na criação de páginas web com linguagem HTML.

Mas eu não posso usar um editor de texto para isso?

Poder você pode, mas um editor de código proporciona funções específicas que ajudam
na criação das páginas proporcionando mais agilidade.

Digamos que um programador experiente em front-end e que se envolve diariamente


com HTML, CSS e JavaScript, por exemplo, não quer perder tempo no dia a dia e
prefere soluções mais práticas.

Ele deve se concentrar em gerar o melhor resultado possível com o menor esforço
possível e assim acelerar suas entregas com mais eficiência.

Quando você deve usar um editor de código?

Sempre! O editor é seu parceiro e irá avisá-lo caso você esqueça de colocar alguma tag,
por exemplo. Por que dispensá-lo?

Top 3 Editores de código para 2020

Depois que já explicamos sobre o que é um editor e quando utilizá-lo, vamos agora para
a lista dos mais relevantes segundo levantamento de profissionais da área:

1- VSCode
O Visual Studio Code ou VSCode, como é conhecido pelos mais íntimos, é um editor
de código-fonte criado pela Microsoft e baseado no Electron,
uma framework JavaScript.

Ele inclui suporte para depuração, controle Git incorporado, realce de sintaxe,
complementação inteligente de código, snippets e refatoração de código. 

Ele suporta um número de linguagens de programação e um conjunto de recursos


poderosos. Muitos destes recursos não são expostos através de menus ou da GUI. 

Mas isso não é um editor de HTML, você deve estar se perguntando. Isso é um canivete
suíço! 

Sim, exatamente. A grande vantagem do VSCode é ser uma ferramenta “All in One”.
Com ele você pode envolver HTML, CSS, JavaScript, JSON, Less,
Sass, TypeScript entre outros. 

Além disso, outra vantagem dele é ser customizável, fazendo com que os usuários
possam mudar o tema do editor, teclas de atalho e preferências. Tendo ele bem
configurado, é uma máquina em favor da produtividade. 

“Na minha experiência como desenvolvedor, o VSCode me ajudou muito no meu


desenvolvimento front-end e back-end tendo como principais vantagens: extensões
criadas pela comunidade e ser de fácil configuração para atender às minhas
necessidades.

2- Sublime Text
O Sublime Text é diferenciado por sua simplicidade e leveza. A sua utilização é
facilitada por sua interface agradável e intuitiva. Ele aceita diversas linguagens de
programação e é personalizável. 

Desenvolvido em Python por uma empresa australiana e feito para ser funcional e sem
frescuras, ele possui muitos recursos e funcionalidades que podem ser adicionadas para
complementar sua utilização.

É multiplataforma, funciona no Windows, OS X e Linux e conta com edição


simultânea, ou seja, você pode editar e alterar conteúdo nas áreas que você selecionar
simultaneamente.

As atualizações do Sublime Text são frequentes e você tem a certeza de contar com um


ótimo suporte caso opte por comprar uma licença da ferramenta e utilizá-la em sua
versão completa. 

“O Sublime Text foi o primeiro IDE que eu usei na minha carreira, eu diria que foi um
marco, pois foi onde conheci o poder da edição de texto em colunas, e todas essas
novidades de manipulação de texto que as IDEs trouxeram consigo. Na época, poder
instalar pacotes e modificar o próprio IDE era novidade também, e eu sempre gostei de
personalizar o que eu utilizo. O syntax highlighting dela também é bem vasto
contemplando creio que todas as linguagens, ele também formata todos os códigos
automaticamente e tem configuração de indentação. Fora que conta com vários temas
para escolher, eu particularmente optei e ainda prefiro os escuros que cansam menos a
vista.”

3- Codepen
Mudando um pouco a abordagem, o CodePen é um ambiente de desenvolvimento
social para desenvolvedores front-end testarem e mostrarem suas linhas de código
HTML, CSS e JavaScript.

Ideal para aprender, mostrar o trabalho para a comunidade, testar e validar soluções de
código. 

Resumidamente, ele funciona como um editor de código on-line e um ambiente de


aprendizado de código aberto. A plataforma foi criada em 2012 pelos
desenvolvedores Alex Vázquez, Tim Sabat e Chris Coyier. 

Com um número estimado de 330.000 usuários registrados e 14,16 milhões de visitantes


mensais, o CodePen é uma das maiores comunidades para web de publicação de linhas
de código por parte dos desenvolvedores.

“Sempre tive a necessidade de experimentar uma ferramenta eu mesmo pra tirar


minhas próprias conclusões, precisava tentar fazer alguma funcionalidade eu mesmo
para o conceito entrar na minha cabeça e sempre me vi perdendo uma grande parte da
minha energia tentando configurar o ambiente para o desenvolvimento. Foi então que,
através de tutoriais na internet, conheci o CodePen como a ferramenta que poderia me
ajudar nesse problema. Tendo diversos templates pré-configurados, a plataforma
abstrai toda a parte configuração e permite com que eu foque em realizar meu objetivo
sem ter que baixar um único programa no PC e, além do mais, mantendo todos os meus
experimentos guardados para que eu possa ver no futuro, o que é bastante necessário
para que eu lembre de como foi a experiência com a tecnologia e possa retomar de onde
parei.”

Conclusão

Seja você um desenvolvedor iniciante ou veterano, é importante que você utilize o seu
editor como um recurso capaz de ajudá-lo em seu dia a dia.

Portanto é importante aprender com quem já percorreu os caminhos que você percorre
hoje poupando movimentos desnecessários e garantindo atalhos na sua jornada
profissional. 

Escrever um código de maneira produtiva tem sido cada vez mais desafiador.
Mas, para o nosso bem, temos excelentes ferramentas disponíveis no mercado, cada
uma com sua peculiaridade.

Cabe a você identificar qual a sua necessidade e escolher uma ferramenta que se adapte
melhor ao seu perfil e fluxo de trabalho.

______________________________________________________________________

Melhores extensões para Visual Studio Code em 2020

Quokka

O Quokka.js é um playground de prototipagem rápida para JavaScript e TypeScript no


seu VS Code, com acesso aos arquivos do seu projeto, relatórios embutidos, cobertura
de código e formatação avançada de saída.

Os valores de tempo de execução são atualizados e exibidos no seu IDE ao lado do seu
código, enquanto você digita.

Em outras palavras, enquanto você digita, os resultados aparecem em tempo real


diretamente no VS Code.

Para ter acesso às melhores funcionalidades do Quokka, existe a versão paga. Quer
saber mais? Acesse a página oficial da extensão.

Beautify
Pode parecer meio fútil no começo, mas acredite, essa extensão funciona que é uma
beleza!

De forma prática, a Beautify faz a identação de seu código padronizando a formatação


de forma legível e, por que não dizer, bonita como o próprio nome sugere.

Se você ainda não tem a Beautify instalado, instale-a por aqui.

Live Server

Essa extensão é praticamente obrigatória para você que curte o ambiente de front-end.

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 :).

Saiba mais sobre o Live Server.

Javascript (ES6) Code Snippets

Nem preciso dizer que o JavaScript é a base do desenvolvimento web. Então, só por
isso, já é justificável a instalação desta extensão.
Chega de cansar seus dedos digitando um caminhão de códigos de forma desnecessária
sendo que o JavaScript (ES6) Code Snippets é capaz de fornecer trechos de código
JavaScript, TypeScript, Vue, React e HTML de forma prática e simples.

Nem vou me extender muito, considero mais uma extensão obrigatória para quem é
desenvolvedor front-end.

Faça a instalação aqui.

ESLint

Não vou perder muito tempo explicando essa, poucas palavras são suficientes: ESLint
basicamente verifica seu código quanto a erros comuns e permite que você saiba onde
está o bug no próprio editor.

É como um x-9 virtual que está validando seu código enquanto você o escreve e
denuncia seus erros.

Pode instalá-lo por aqui.

Paste JSON as Code

Essa extensão para o VS Code permite converter rapidamente dados de JSON para
JavaScript, TypeScript, Python, Go, Ruby, Swift, Elm e outras linguagens.

Sim, é isso mesmo, ela permite colar JSON como código diretamente no VSCode.

Acesse aqui para instalar essa maravilha.


Remote – Containers

O Docker popularizou o conceito de contêineres para outro nível, permitindo que devs
como você desenvolvam sem queimar muita massa cinzenta com a parte mais sistêmica.

E para dar uma mãozinha nesse assunto, o Remote – Containers veio para ajudar
permitindo o empacotamento de todos os arquivos necessários para executar um novo
programa em um ‘contêiner’ possibilitando aos usuários uma execução sem problemas e
sem precisar instalar nenhuma dependência. E tudo isso diretamente via VS Code.

Para instalar a extensão, só acessar aqui.

GitLens

Apesar de o VS Code já possuir integração nativa com o Git, o Git Lens é uma extensão
poderosa que proporciona algumas coisinhas a mais dentro do VS Code.

Na minha opinião, é uma das extensões mais úteis para o VS Code ajudando você que
trabalha junto de outras pessoas no mesmo repositório. Histórico, alterações recentes,
autoria de código, informações gerais e pesquisa de confirmação são alguns dos
melhores recursos desta extensão.

Saiba mais aqui.

Debugger for Chrome


O próprio nome já entrega o que faz esta extensão, basicamente, o Debugger for
Chrome é uma extensão Visual Studio Code que serve para debugar JavaScript de
forma simples e rápida no Chrome ao marcar breakpoints diretamente dentro do editor.

Confira mais sobre a extensão aqui.

Markdown All in One

Markdown All in One é uma extensão que eu gosto muito como produtor de conteúdo e
serve para escrever Markdown usando o VS Code.

É uma extensão completa e vem com recursos funcionais como visualização ao vivo e
destaque de sintaxe.

Por que não escrever suas documentações, documentos e tudo mais, diretamente no
Visual Studio Code?

Além disso, a extensão em si é altamente personalizável e muito bem documentada.

Saiba mais sobre a extensão aqui.

Gostaria de deixar claro que as extensões que eu escolhi refletem uma opinião pessoal
minha, não são verdades imutáveis e caso você tenha preferência por alguma extensão
não citada, deixe seu comentário para eu experimentar o que você anda usando no seu
VS Code.

Você também pode gostar