{"id":15055,"date":"2023-11-10T16:46:10","date_gmt":"2023-11-11T00:46:10","guid":{"rendered":"https:\/\/www.couchbase.com\/blog\/?p=15055"},"modified":"2025-06-13T20:14:46","modified_gmt":"2025-06-14T03:14:46","slug":"what-is-a-code-editor","status":"publish","type":"post","link":"https:\/\/www.couchbase.com\/blog\/pt\/what-is-a-code-editor\/","title":{"rendered":"Aprendendo no sof\u00e1 com o FreeCodeCamp: Introdu\u00e7\u00e3o aos editores de c\u00f3digo"},"content":{"rendered":"

O desenvolvimento de software, como campo, pode ser muito complicado. Parece haver um fluxo intermin\u00e1vel de novas ferramentas, linguagens e estruturas, e muitas vezes n\u00e3o temos ideia por onde come\u00e7ar. Entre essas v\u00e1rias ferramentas est\u00e1 um editor de c\u00f3digo. Vamos desmistificar os editores de c\u00f3digo e nos aprofundar em um dos editores de c\u00f3digo mais populares: Visual Studio Code.\u00a0<\/span><\/p>\n

O que \u00e9 um editor de c\u00f3digo?\u00a0<\/span><\/h2>\n

Talvez voc\u00ea j\u00e1 tenha ouvido falar de um editor de texto, como o Microsoft Word, o Google Docs ou o aplicativo Apple Notes. Com essas ferramentas, um usu\u00e1rio pode editar texto. Um editor de c\u00f3digo \u00e9 muito semelhante. \u00c9 uma ferramenta projetada especificamente para escrever e editar c\u00f3digo (em vez de texto simples). Podemos optar por usar um editor espec\u00edfico de c\u00f3digo em vez de um editor de texto para evitar problemas de formata\u00e7\u00e3o autom\u00e1tica, para usar recursos que ajudam a facilitar a programa\u00e7\u00e3o ou para usar os mesmos programas que nossos colegas de equipe est\u00e3o usando para manter os processos.<\/span><\/p>\n

H\u00e1 muitos editores de c\u00f3digo diferentes que podem ser usados, como o Sublime Text, o Webstorm e o Visual Studio Code (VS Code). No entanto, ao escolher um em vez de outro, geralmente a escolha se resume \u00e0 prefer\u00eancia pessoal e \u00e0s linguagens de codifica\u00e7\u00e3o que se deseja usar. Normalmente, um editor de texto funciona para qualquer linguagem, mas o Webstorm, por exemplo, \u00e9 comercializado para desenvolvedores que codificam na linguagem de programa\u00e7\u00e3o JavaScript. Portanto, a escolha de um editor em detrimento de outro se resume \u00e0s necessidades e prefer\u00eancias individuais.\u00a0<\/span><\/p>\n

\n

Se voc\u00ea quiser assistir a este blog ao vivo, <\/span>Aqui est\u00e1 um v\u00eddeo<\/span><\/a> de <\/span>Nyah Macklin<\/span><\/a> & <\/span>Jessica Rose<\/span><\/a> que orienta o processo de instala\u00e7\u00e3o do Visual Studio Code.<\/span><\/p>\n

\"\"<\/a><\/p>\n

\n

Por que usar o Visual Studio Code?<\/span><\/h2>\n

O VSCode (desenvolvido pela Microsoft) cresceu em popularidade devido \u00e0 sua infinidade de recursos, extens\u00f5es e interface amig\u00e1vel. Ele \u00e9 compat\u00edvel com centenas de linguagens de programa\u00e7\u00e3o, incluindo JavaScript, TypeScript, HTML e CSS. Na Couchbase, usamos o VSCode com frequ\u00eancia em nosso desenvolvimento, portanto, vamos explicar como baixar, instalar e usar o VSCode hoje.<\/span><\/p>\n

Como fazer o download do VSCode?<\/span><\/h2>\n

Visite o site oficial C\u00f3digo VS <\/a><\/span>configurar o site<\/span><\/a> e navegue at\u00e9 o link do seu sistema operacional espec\u00edfico (Windows, MacOS ou Linux). (Se n\u00e3o tiver certeza de qual sistema operacional est\u00e1 usando, aqui est\u00e1 uma <\/span>recurso interessante<\/span><\/a> para descobrir).<\/span>
\n<\/span><\/p>\n

\"\"<\/p>\n

Depois de clicar em um dos links acima, voc\u00ea deve clicar em outro link que diz Baixar o Visual Studio Code<\/em>\u00a0ou Instalador de c\u00f3digo do Visual Studio<\/em>. Isso iniciar\u00e1 o processo de download em seu computador. (<\/span>Assista<\/span><\/a>)<\/span><\/p>\n

Ap\u00f3s o download, um pop-up dever\u00e1 aparecer em algum lugar da tela, indicando que o download foi conclu\u00eddo.\u00a0<\/span><\/p>\n

\"\"<\/p>\n

\"\"<\/p>\n

Clique duas vezes na caixa, o que dever\u00e1 iniciar as instru\u00e7\u00f5es do instalador do VS Code (ou lev\u00e1-lo \u00e0 pasta Downloads, onde voc\u00ea dever\u00e1 novamente clicar duas vezes no \u00edcone do VSCode). Clique nas etapas para concluir a instala\u00e7\u00e3o (se voc\u00ea n\u00e3o tiver certeza sobre alguma quest\u00e3o, os padr\u00f5es definidos geralmente s\u00e3o adequados). Uma vez conclu\u00edda a instala\u00e7\u00e3o, o VS Code dever\u00e1 ser aberto automaticamente; caso contr\u00e1rio, localize o VS Code na pasta Downloads e clique duas vezes no \u00edcone. <\/span><\/p>\n

Como escrever c\u00f3digo usando o VS Code?<\/span><\/h2>\n

Quando o VS Code for aberto, ele mostrar\u00e1 o seguinte, que permite escolher um tema (a apar\u00eancia que voc\u00ea deseja para o VS Code).\u00a0<\/span><\/p>\n

\"\"<\/p>\n

Agora que voc\u00ea tem o poder do VS Code em suas m\u00e3os, pode criar um novo arquivo no qual escrever\u00e1 seu c\u00f3digo ou abrir uma pasta e criar uma nova pasta para abrigar todos os seus arquivos de c\u00f3digo.<\/span><\/p>\n

\"\"<\/p>\n

Aqui eu criei uma pasta chamada Sof\u00e1_4_Vida<\/em>. (Voc\u00ea pode nomear sua pasta como quiser, pois esse ser\u00e1 o nome de todo o seu projeto. Observa\u00e7\u00e3o: voc\u00ea sempre poder\u00e1 alterar esse nome mais tarde).<\/span><\/p>\n

\"\"<\/p>\n

O VS Code geralmente gosta de verificar se voc\u00ea confia nos autores dos arquivos em uma determinada pasta. Como voc\u00ea mesmo ser\u00e1 o autor (ou a pessoa que escreve o c\u00f3digo que colocamos nessa pasta), voc\u00ea pode selecionar a op\u00e7\u00e3o Sim, confio nos autores<\/strong> bot\u00e3o. Se voc\u00ea n\u00e3o confiar no autor, poder\u00e1 abrir a pasta em Restrito<\/em>\u00a0modo. Voc\u00ea pode saber mais <\/span>aqui<\/span><\/a>.\u00a0<\/span><\/p>\n

\"\"<\/p>\n

Agora voc\u00ea ver\u00e1 o t\u00edtulo da pasta no canto superior esquerdo da tela. <\/span><\/p>\n

\"\"<\/p>\n

Ao passar o mouse sobre o t\u00edtulo, voc\u00ea ver\u00e1 quatro \u00edcones. Da esquerda para a direita, eles representam, Novo arquivo<\/strong>, Nova pasta<\/strong>, Atualizar o Explorer<\/strong>e Recolher pastas no Explorer<\/strong>. Explorer, a prop\u00f3sito, significa apenas File Explorer, tamb\u00e9m conhecido como o local no VS Code onde voc\u00ea pode ver todos os seus arquivos. A se\u00e7\u00e3o do explorador \u00e9 representada no canto superior esquerdo, onde dois peda\u00e7os de papel se sobrep\u00f5em, um deles com uma dobra no canto.\u00a0<\/span><\/p>\n

\"\"<\/p>\n

Em seguida, podemos selecionar o primeiro \u00edcone, Novo arquivo<\/strong> e insira o nome do arquivo espec\u00edfico que queremos criar. Nesta captura de tela, um arquivo index.js<\/em> e um index.html<\/em> foram criados.\u00a0<\/span><\/p>\n

Clique no bot\u00e3o index.html<\/em> e um arquivo vazio dever\u00e1 aparecer no centro da tela com o cursor piscando na linha n\u00famero 1. Parab\u00e9ns! \u00c9 aqui que voc\u00ea escrever\u00e1 suas primeiras linhas de c\u00f3digo para este projeto. Abaixo, iniciei meu arquivo com a linha html<\/em> e uma tag h1<\/em> dentro dela com a linha \"Ol\u00e1 amigos do Couchbase, do Bad Website Code e do FreeCodeCamp!<\/em>\" Quando digitei tudo isso, h\u00e1 um ponto branco vis\u00edvel na parte superior, pr\u00f3ximo ao nome do arquivo.\u00a0<\/span><\/p>\n

\"\"<\/p>\n

Esse ponto significa que o arquivo ainda n\u00e3o foi salvo. Para que qualquer c\u00f3digo digitado seja \"salvo\", voc\u00ea precisa navegar at\u00e9 a \u00e1rea de trabalho e acessar Arquivo<\/strong>\u00a0e depois Salvar<\/strong>\u00a0ou Salvar como<\/strong>. Depois de concluir isso, o ponto desaparecer\u00e1, informando que o c\u00f3digo foi salvo com \u00eaxito.<\/span><\/p>\n

\"\"<\/p>\n

Em seguida, seria \u00f3timo visualizar o site que est\u00e1vamos codificando no VS Code. Para isso, voc\u00ea pode fazer download de uma extens\u00e3o do VSCode chamada Servidor ao vivo<\/em>. VS Code s\u00e3o ferramentas e recursos extras que voc\u00ea pode baixar gratuitamente no mercado do Visual Studio Code, o que facilita a codifica\u00e7\u00e3o e o desenvolvimento de software. Essas extens\u00f5es s\u00e3o criadas por desenvolvedores comuns, como voc\u00ea e eu, e \u00e0s vezes s\u00e3o criadas pela pr\u00f3pria Microsoft!\u00a0<\/span><\/p>\n

No VS Code, no painel esquerdo, navegue at\u00e9 o \u00faltimo \u00edcone que se parece com quatro quadrados e um separado. Clique nesse \u00edcone para abrir outro painel no qual voc\u00ea pode pesquisar qualquer extens\u00e3o existente no mercado. Insira o termo, servidor ao vivo<\/em>e clique em um com o nome Ritwick Dey<\/em>.<\/span><\/p>\n

\"\"<\/p>\n

Depois de clicar nela, voc\u00ea ver\u00e1 que essa extens\u00e3o foi instalada quase 40 milh\u00f5es de vezes e tem uma classifica\u00e7\u00e3o pr\u00f3xima de 5 estrelas. Esses s\u00e3o bons sinais de que essa extens\u00e3o tem boa reputa\u00e7\u00e3o e merece ser instalada em seu computador. Pressione o bot\u00e3o azul Instalar<\/strong> bot\u00e3o. Quando esse bot\u00e3o se transformar na palavra, Desinstala\u00e7\u00e3o<\/strong> e pressione o bot\u00e3o pequeno x<\/strong> no Extens\u00e3o: Live Server<\/strong>\u00a0na barra de guias superior e navegue at\u00e9 a guia index.html<\/em> arquivo.<\/span><\/p>\n

\"\"<\/p>\n

Uma vez no arquivo, clique com o bot\u00e3o direito do mouse em qualquer \u00e1rea do arquivo, o que deve abrir uma janela pop-up com a frase Abrir com o Live Server<\/strong>\u00a0na parte inferior. Clique nesse bot\u00e3o.<\/span><\/p>\n

\"\"<\/p>\n

Seu navegador deve ter aparecido em algum lugar do seu computador com o c\u00f3digo que escrevemos. Esse \u00e9 seu primeiro site! Como voc\u00ea pode ver, o URL parece estranho e n\u00e3o tem um \".com\"<\/em>\u00a0ou qualquer outra coisa, e isso ocorre porque esse \"site\" s\u00f3 pode ser acessado de seu computador pessoal. Esse site ainda n\u00e3o est\u00e1 no ar na Internet para que todos possam v\u00ea-lo, pois ainda est\u00e1 em sua fase de rascunho.<\/span><\/p>\n

\"\"<\/p>\n

Na pr\u00f3xima publica\u00e7\u00e3o, discutiremos como compartilhar seu c\u00f3digo nas formas rascunho e final usando o controle de vers\u00e3o e uma ferramenta chamada GitHub. Vejo voc\u00ea por l\u00e1! <\/span>
\n<\/span>
\n<\/span><3 Couchbase\u00a0<\/span><\/p>\n

#LearningOnTheCouch<\/span><\/p>","protected":false},"excerpt":{"rendered":"

Software Development as a field can be very overwhelming. There seems to be an endless stream of new tools, languages, frameworks and we often have no idea where to start. Among those various tools is a code editor. We\u2019re going […]<\/p>","protected":false},"author":84838,"featured_media":15058,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[1814,1815,9327],"tags":[2068,9898,1543,1764,9559],"ppma_author":[9897],"class_list":["post-15055","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-application-design","category-best-practices-and-tutorials","category-javascript","tag-developer-advocacy","tag-freecodecamp","tag-javascript","tag-visual-studio-code","tag-vscode"],"acf":[],"yoast_head":"\nLearning on the Couch with FreeCodeCamp: Intro to Code Editors - The Couchbase Blog<\/title>\n<meta name=\"description\" content=\"We\u2019re going to demystify code editors and dive into one of the most popular code editors: Visual Studio Code.\u00a0\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.couchbase.com\/blog\/pt\/what-is-a-code-editor\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Learning on the Couch with FreeCodeCamp: Intro to Code Editors\" \/>\n<meta property=\"og:description\" content=\"We\u2019re going to demystify code editors and dive into one of the most popular code editors: Visual Studio Code.\u00a0\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.couchbase.com\/blog\/pt\/what-is-a-code-editor\/\" \/>\n<meta property=\"og:site_name\" content=\"The Couchbase Blog\" \/>\n<meta property=\"article:published_time\" content=\"2023-11-11T00:46:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-14T03:14:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2023\/11\/intro-code-editor-3.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1999\" \/>\n\t<meta property=\"og:image:height\" content=\"1050\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Nyah Macklin - Developer Evangelist\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@NyahMacklinDev\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nyah Macklin - Developer Evangelist\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/what-is-a-code-editor\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/what-is-a-code-editor\/\"},\"author\":{\"name\":\"Nyah Macklin - Developer Evangelist @ Couchbase\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/#\/schema\/person\/69a3940e6ac02b2cdb3c95fbe435bb45\"},\"headline\":\"Learning on the Couch with FreeCodeCamp: Intro to Code Editors\",\"datePublished\":\"2023-11-11T00:46:10+00:00\",\"dateModified\":\"2025-06-14T03:14:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/what-is-a-code-editor\/\"},\"wordCount\":1272,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/what-is-a-code-editor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2023\/11\/intro-code-editor-3.png\",\"keywords\":[\"Developer Advocacy\",\"freecodecamp\",\"javascript\",\"Visual Studio Code\",\"vscode\"],\"articleSection\":[\"Application Design\",\"Best Practices and Tutorials\",\"JavaScript\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.couchbase.com\/blog\/what-is-a-code-editor\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/what-is-a-code-editor\/\",\"url\":\"https:\/\/www.couchbase.com\/blog\/what-is-a-code-editor\/\",\"name\":\"Learning on the Couch with FreeCodeCamp: Intro to Code Editors - The Couchbase Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/what-is-a-code-editor\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/what-is-a-code-editor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2023\/11\/intro-code-editor-3.png\",\"datePublished\":\"2023-11-11T00:46:10+00:00\",\"dateModified\":\"2025-06-14T03:14:46+00:00\",\"description\":\"We\u2019re going to demystify code editors and dive into one of the most popular code editors: Visual Studio Code.\u00a0\",\"breadcrumb\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/what-is-a-code-editor\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.couchbase.com\/blog\/what-is-a-code-editor\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/what-is-a-code-editor\/#primaryimage\",\"url\":\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2023\/11\/intro-code-editor-3.png\",\"contentUrl\":\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2023\/11\/intro-code-editor-3.png\",\"width\":1999,\"height\":1050},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/what-is-a-code-editor\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.couchbase.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Learning on the Couch with FreeCodeCamp: Intro to Code Editors\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/#website\",\"url\":\"https:\/\/www.couchbase.com\/blog\/\",\"name\":\"The Couchbase Blog\",\"description\":\"Couchbase, the NoSQL Database\",\"publisher\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.couchbase.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/#organization\",\"name\":\"The Couchbase Blog\",\"url\":\"https:\/\/www.couchbase.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/2023\/04\/admin-logo.png\",\"contentUrl\":\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/2023\/04\/admin-logo.png\",\"width\":218,\"height\":34,\"caption\":\"The Couchbase Blog\"},\"image\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/#\/schema\/person\/69a3940e6ac02b2cdb3c95fbe435bb45\",\"name\":\"Nyah Macklin - Developer Evangelist @ Couchbase\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/#\/schema\/person\/image\/6a141e3847fc5140407d649ab3b4de7c\",\"url\":\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2023\/12\/image_2023-12-08_125555188.png\",\"contentUrl\":\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2023\/12\/image_2023-12-08_125555188.png\",\"caption\":\"Nyah Macklin - Developer Evangelist @ Couchbase\"},\"description\":\"Nyah Macklin is a Developer Evangelist who cares about making developers lives easier. They do that through learning in public, teaching and speaking. Nyah can be found keynoting international conferences and on Twitter @NyahMacklinDev speaking about data privacy, security, and breakthrough developments in artificial intelligence. Reach out to Nyah on Twitter or on the Couchbase Discord to learn more!\",\"sameAs\":[\"https:\/\/x.com\/NyahMacklinDev\"],\"url\":\"https:\/\/www.couchbase.com\/blog\/pt\/author\/nyahmacklin\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Learning on the Couch with FreeCodeCamp: Intro to Code Editors - The Couchbase Blog","description":"Vamos desmistificar os editores de c\u00f3digo e nos aprofundar em um dos editores de c\u00f3digo mais populares: Visual Studio Code.\u00a0","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.couchbase.com\/blog\/pt\/what-is-a-code-editor\/","og_locale":"pt_BR","og_type":"article","og_title":"Learning on the Couch with FreeCodeCamp: Intro to Code Editors","og_description":"We\u2019re going to demystify code editors and dive into one of the most popular code editors: Visual Studio Code.\u00a0","og_url":"https:\/\/www.couchbase.com\/blog\/pt\/what-is-a-code-editor\/","og_site_name":"The Couchbase Blog","article_published_time":"2023-11-11T00:46:10+00:00","article_modified_time":"2025-06-14T03:14:46+00:00","og_image":[{"width":1999,"height":1050,"url":"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2023\/11\/intro-code-editor-3.png","type":"image\/png"}],"author":"Nyah Macklin - Developer Evangelist","twitter_card":"summary_large_image","twitter_creator":"@NyahMacklinDev","twitter_misc":{"Written by":"Nyah Macklin - Developer Evangelist","Est. reading time":"9 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.couchbase.com\/blog\/what-is-a-code-editor\/#article","isPartOf":{"@id":"https:\/\/www.couchbase.com\/blog\/what-is-a-code-editor\/"},"author":{"name":"Nyah Macklin - Developer Evangelist @ Couchbase","@id":"https:\/\/www.couchbase.com\/blog\/#\/schema\/person\/69a3940e6ac02b2cdb3c95fbe435bb45"},"headline":"Learning on the Couch with FreeCodeCamp: Intro to Code Editors","datePublished":"2023-11-11T00:46:10+00:00","dateModified":"2025-06-14T03:14:46+00:00","mainEntityOfPage":{"@id":"https:\/\/www.couchbase.com\/blog\/what-is-a-code-editor\/"},"wordCount":1272,"commentCount":0,"publisher":{"@id":"https:\/\/www.couchbase.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.couchbase.com\/blog\/what-is-a-code-editor\/#primaryimage"},"thumbnailUrl":"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2023\/11\/intro-code-editor-3.png","keywords":["Developer Advocacy","freecodecamp","javascript","Visual Studio Code","vscode"],"articleSection":["Application Design","Best Practices and Tutorials","JavaScript"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.couchbase.com\/blog\/what-is-a-code-editor\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.couchbase.com\/blog\/what-is-a-code-editor\/","url":"https:\/\/www.couchbase.com\/blog\/what-is-a-code-editor\/","name":"Learning on the Couch with FreeCodeCamp: Intro to Code Editors - The Couchbase Blog","isPartOf":{"@id":"https:\/\/www.couchbase.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.couchbase.com\/blog\/what-is-a-code-editor\/#primaryimage"},"image":{"@id":"https:\/\/www.couchbase.com\/blog\/what-is-a-code-editor\/#primaryimage"},"thumbnailUrl":"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2023\/11\/intro-code-editor-3.png","datePublished":"2023-11-11T00:46:10+00:00","dateModified":"2025-06-14T03:14:46+00:00","description":"Vamos desmistificar os editores de c\u00f3digo e nos aprofundar em um dos editores de c\u00f3digo mais populares: Visual Studio Code.\u00a0","breadcrumb":{"@id":"https:\/\/www.couchbase.com\/blog\/what-is-a-code-editor\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.couchbase.com\/blog\/what-is-a-code-editor\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.couchbase.com\/blog\/what-is-a-code-editor\/#primaryimage","url":"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2023\/11\/intro-code-editor-3.png","contentUrl":"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2023\/11\/intro-code-editor-3.png","width":1999,"height":1050},{"@type":"BreadcrumbList","@id":"https:\/\/www.couchbase.com\/blog\/what-is-a-code-editor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.couchbase.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Learning on the Couch with FreeCodeCamp: Intro to Code Editors"}]},{"@type":"WebSite","@id":"https:\/\/www.couchbase.com\/blog\/#website","url":"https:\/\/www.couchbase.com\/blog\/","name":"Blog do Couchbase","description":"Couchbase, o banco de dados NoSQL","publisher":{"@id":"https:\/\/www.couchbase.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.couchbase.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/www.couchbase.com\/blog\/#organization","name":"Blog do Couchbase","url":"https:\/\/www.couchbase.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.couchbase.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/2023\/04\/admin-logo.png","contentUrl":"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/2023\/04\/admin-logo.png","width":218,"height":34,"caption":"The Couchbase Blog"},"image":{"@id":"https:\/\/www.couchbase.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.couchbase.com\/blog\/#\/schema\/person\/69a3940e6ac02b2cdb3c95fbe435bb45","name":"Nyah Macklin - Desenvolvedor Evangelista @ Couchbase","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.couchbase.com\/blog\/#\/schema\/person\/image\/6a141e3847fc5140407d649ab3b4de7c","url":"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2023\/12\/image_2023-12-08_125555188.png","contentUrl":"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2023\/12\/image_2023-12-08_125555188.png","caption":"Nyah Macklin - Developer Evangelist @ Couchbase"},"description":"Nyah Macklin \u00e9 uma desenvolvedora evangelista que se preocupa em facilitar a vida dos desenvolvedores. Ela faz isso por meio de aprendizado em p\u00fablico, ensino e palestras. Nyah pode ser encontrada em confer\u00eancias internacionais e no Twitter @NyahMacklinDev falando sobre privacidade de dados, seguran\u00e7a e desenvolvimentos inovadores em intelig\u00eancia artificial. Entre em contato com Nyah no Twitter ou no Discord do Couchbase para saber mais!","sameAs":["https:\/\/x.com\/NyahMacklinDev"],"url":"https:\/\/www.couchbase.com\/blog\/pt\/author\/nyahmacklin\/"}]}},"authors":[{"term_id":9897,"user_id":84838,"is_guest":0,"slug":"nyahmacklin","display_name":"Nyah Macklin - Developer Evangelist","avatar_url":{"url":"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2023\/12\/image_2023-12-08_125555188.png","url2x":"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2023\/12\/image_2023-12-08_125555188.png"},"author_category":"","last_name":"Macklin - Developer Evangelist","first_name":"Nyah","job_title":"","user_url":"","description":"Nyah Macklin \u00e9 uma desenvolvedora evangelista que se preocupa em facilitar a vida dos desenvolvedores. Ela faz isso por meio de aprendizado em p\u00fablico, ensino e palestras. Nyah pode ser encontrada em confer\u00eancias internacionais e no Twitter @NyahMacklinDev falando sobre privacidade de dados, seguran\u00e7a e desenvolvimentos inovadores em intelig\u00eancia artificial. Entre em contato com Nyah no Twitter ou no Discord do Couchbase para saber mais!"}],"_links":{"self":[{"href":"https:\/\/www.couchbase.com\/blog\/pt\/wp-json\/wp\/v2\/posts\/15055","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.couchbase.com\/blog\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.couchbase.com\/blog\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.couchbase.com\/blog\/pt\/wp-json\/wp\/v2\/users\/84838"}],"replies":[{"embeddable":true,"href":"https:\/\/www.couchbase.com\/blog\/pt\/wp-json\/wp\/v2\/comments?post=15055"}],"version-history":[{"count":0,"href":"https:\/\/www.couchbase.com\/blog\/pt\/wp-json\/wp\/v2\/posts\/15055\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.couchbase.com\/blog\/pt\/wp-json\/wp\/v2\/media\/15058"}],"wp:attachment":[{"href":"https:\/\/www.couchbase.com\/blog\/pt\/wp-json\/wp\/v2\/media?parent=15055"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.couchbase.com\/blog\/pt\/wp-json\/wp\/v2\/categories?post=15055"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.couchbase.com\/blog\/pt\/wp-json\/wp\/v2\/tags?post=15055"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.couchbase.com\/blog\/pt\/wp-json\/wp\/v2\/ppma_author?post=15055"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}