Melhores editores de texto (IDEs) para Desenvolvimento Web em 2020
Tags: dev, tech, atom, brackets
Published: 2020-01-07 03:36:50

---
title: Melhores editores de texto (IDEs) para Desenvolvimento Web em 2020
published: true
date: 2019-12-30 18:00:51 UTC
tags: Dev,Tech,atom,brackets
canonical_url: https://marquesfernandes.com/2019/12/30/melhores-editores-de-texto-ides-para-desenvolvimento-web-em-2020
---

Criar suas linhas de código pode ser feito sem nenhuma ferramenta específica. Teoricamente tudo o que você precisa é de um simples editor de texto, massss provavelmente isso não será muito produtivo, especialmente quando falamos em desenvolvimento web. Uma boa **IDE** (Integrated development environment (Ambiente de desenvolvimento integrado) tem como objetivo melhorar sua produtividade, ajudar a minimizar erros (auto-complete, lint, etc.), facilitar o processo de debug e muito mais.

_Confira: [**Desenvolvimento otimizado em NodeJS com Typescript, Docker e ESlint**](https://marquesfernandes.com/2019/12/11/desenvolvimento-otimizado-em-nodejs-com-typescript-docker-e-eslint)_

Separei algumas das melhores opções open source disponíveis no mercado, não listei nenhum programa pago ou específico para apenas uma plataforma.

Como todo bom projeto de código aberto, uma comunidade ativa por trás faz toda diferença, podemos observar o interesse do último ano sob os tópicos de cada uma das IDEs listadas:

[![Google Trends - VS Code x Atom x NetBeans x Brackets](https://marquesfernandes.com/wp-content/uploads/2019/12/image-29-1024x527.png)](https://trends.google.com.br/trends/explore?q=%2Fm%2F0134xwrk,%2Fm%2F0_x5x3g,%2Fm%2F01fchg,%2Fm%2F0k2kj45)<figcaption><a rel="noreferrer noopener" aria-label="Google Trends (abre numa nova aba)" href="https://trends.google.com.br/trends/explore?q=%2Fm%2F0134xwrk,%2Fm%2F0_x5x3g,%2Fm%2F01fchg,%2Fm%2F0k2kj45" target="_blank">Google Trends – VS Code x Atom x NetBeans x Bracket</a><a href="https://trends.google.com.br/trends/explore?q=%2Fm%2F0134xwrk,%2Fm%2F0_x5x3g,%2Fm%2F01fchg,%2Fm%2F0k2kj45" target="_blank" rel="noreferrer noopener" aria-label="Google Trends (abre numa nova aba)">s</a></figcaption>

Podemos analisar também os números em seus repositório, podemos descobrir se o projeto está saudável e sendo atualizado frequentemente olhando as métricas do [GitHub](http://github.com/shadowlik) como estrelas, issues e data do último commit:

| **Programa** | **Google Trends (0 ~ 100)** | **GitHub Stars** | **GitHub Issues** |
| [VS Code](https://github.com/microsoft/vscode) | 85 | 88.3k | 4,043 |
| [Atom](https://github.com/atom/atom) | 25 | 50.6k | 454 |
| [NetBeans](https://github.com/apache/netbeans) | 22 | 1.2k | — |
| [Brackets](https://github.com/adobe/brackets) | 9 | 30.6k | 2,441 |

Bom, mas números e popularidades não querem dizer nada se você não se adaptar a ferramenta, vamos entrar em mais detalhes e listar as características diferenciais de cada uma:

## [Visual Studio Code](https://code.visualstudio.com/)

[![VS Code](https://code.visualstudio.com/assets/home/home-screenshot-linux-lg.png)](https://code.visualstudio.com/)<figcaption><a rel="noreferrer noopener" href="https://code.visualstudio.com/" target="_blank">Visual Studio Code</a></figcaption>

Visual Studio Code ou VS Code para os íntimos, é atualmente a IDE mais popular para desenvolvimento web, ela é mantida pela Microsoft e desenvolvida pela comunidade. Se você já leu algum outro tutorial meu, já deve ter notado que o VS Code é o meu editor escolhido.

VS Code roda em praticamente todas as plataformas como Windows, Mac e Linux, isso porque foi desenvolvida em cima de outro projeto de código aberto, o [Electron](https://github.com/electron/electron).

Possuí suporte para praticamente todas as linguagens e por ser altamente customizável, sua ampla variedade de extensões e plugins permite criar um ambiente de desenvolvimento perfeito para qualquer tecnologia de escolha, seja JavaScript, C++, C#, Pyhton, PHP, etc.

_Confira:_ [_ **Top 6 temas para usar no VS Code em 2020** _](https://marquesfernandes.com/2019/03/19/top-6-temas-para-usar-no-vs-code-em-2019)

A performance do editor é muito boa se comparada com seus concorrentes, mas não espere uma instalação tão rápida quanto abrir o seu bloco de notas, todas suas excelentes características e funcionalidades tem seu custo de máquina…

## [Atom](https://atom.io/)

[![Atom](https://github-atom-io-herokuapp-com.freetls.fastly.net/assets/index-teletype-screenshot-1de356892e9bab0f5a1e95b4a003dfecaab0d9e67a91fd60b63006a32f147db0.png)](https://atom.io/)<figcaption><a rel="noreferrer noopener" href="https://atom.io/" target="_blank">Atom</a></figcaption>

O Atom é um editor de texto opensource desenvolvido pelo [GitHub](http://github.com/shadowlik) que foi recentemente comprado pela Microsoft.

Ele possui um gerenciador de pacotes embutido para instalar novos pacotes ou começar a criar suas próprias extensões.

O Atom vem pré-instalado com quatro temas de interface do usuário e oito sintaxe em uma variedade de tons. A comunidade rica e forte também oferece assuntos interessantes para todos, para que você possa descobrir o que está pesquisando lá.

O Atom está disponível na maioria dos sistemas operacionais, como Windows, Linux e OS X. Você pode encontrar, revisar e substituir mensagens sem muito esforço.

Por causa do intenso apoio da comunidade e do design flexível, este editor de texto ganhou muitos apoiadores. É com certeza uma das melhores IDEs para o desenvolvimento web.

## [NetBeans](https://netbeans.org/)

[![NetBeans](https://netbeans.org/images_www/v6/8/screenshots/java-editor.png)](https://netbeans.org/)<figcaption><a rel="noreferrer noopener" href="https://netbeans.org/" target="_blank">NetBeans</a></figcaption>

NetBeans é um editor consolidado, ele existe desde que eu me conheço como programador, muito popular principalmente entre os desenvolvedores Java.

Além do inglês, também está disponível em vários outros idiomas, como japonês, chinês simplificado, russo e **português do Brasil**.

O NetBeans está disponível para Mac OS, Windows e Linux.

## [Brackets](http://brackets.io/)

![Brackets](http://brackets.io/img/hero.png)<figcaption><a rel="noreferrer noopener" href="http://brackets.io/" target="_blank">Brackets</a></figcaption>

Brackets é outro editor de texto incrível muito usado por web designers. Escrito em HTML, JavaScript e CSS, também é uma plataforma de código aberto. Com o suporte integrado à ferramenta visual e pré-processadores, torna-se fácil e interessante projetar sites.

O post [Melhores editores de texto (IDEs) para Desenvolvimento Web em 2020](https://marquesfernandes.com/2019/12/30/melhores-editores-de-texto-ides-para-desenvolvimento-web-em-2020) apareceu primeiro em [Henrique Marques Fernandes](https://marquesfernandes.com).