{"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\/es\/what-is-a-code-editor\/","title":{"rendered":"Aprender en el sof\u00e1 con FreeCodeCamp: Introducci\u00f3n a los editores de c\u00f3digo"},"content":{"rendered":"

El desarrollo de software puede resultar abrumador. Parece haber un flujo interminable de nuevas herramientas, lenguajes y marcos de trabajo, y a menudo no tenemos ni idea de por d\u00f3nde empezar. Entre esas diversas herramientas se encuentra un editor de c\u00f3digo. Vamos a desmitificar los editores de c\u00f3digo y sumergirnos en uno de los editores de c\u00f3digo m\u00e1s populares: Visual Studio Code.\u00a0<\/span><\/p>\n

\u00bfQu\u00e9 es un editor de c\u00f3digo?\u00a0<\/span><\/h2>\n

Es posible que hayas o\u00eddo hablar de un editor de texto, como Microsoft Word, Google Docs o la aplicaci\u00f3n Notas de Apple. Con estas herramientas, un usuario puede editar texto. Un editor de c\u00f3digo es muy similar. Es una herramienta dise\u00f1ada espec\u00edficamente para escribir y editar c\u00f3digo (en lugar de texto plano). Podemos optar por utilizar un editor espec\u00edfico de c\u00f3digo en lugar de un editor de texto para evitar problemas de formato autom\u00e1tico, para utilizar funciones que faciliten la programaci\u00f3n o para utilizar los mismos programas que utilizan nuestros compa\u00f1eros de equipo para mantener los procesos.<\/span><\/p>\n

Hay muchos editores de c\u00f3digo diferentes que se pueden utilizar, como Sublime Text, Webstorm y Visual Studio Code (VS Code). Sin embargo, a la hora de elegir uno u otro, suele depender de las preferencias personales y de los lenguajes de programaci\u00f3n que se deseen utilizar. Normalmente, un editor de texto sirve para cualquier lenguaje, pero Webstorm, por ejemplo, se comercializa para desarrolladores que programan en JavaScript. Por tanto, la elecci\u00f3n de un editor u otro depende de las necesidades y preferencias de cada persona.\u00a0<\/span><\/p>\n

\n

Si desea ver este blog en directo, <\/span>aqu\u00ed hay un video<\/span><\/a> de <\/span>Nyah Macklin<\/span><\/a> & <\/span>Jessica Rose<\/span><\/a> que recorre el proceso de instalaci\u00f3n de Visual Studio Code.<\/span><\/p>\n

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

\n

\u00bfPor qu\u00e9 utilizar Visual Studio Code?<\/span><\/h2>\n

VSCode (desarrollado por Microsoft) se ha disparado en popularidad debido a su pl\u00e9tora de caracter\u00edsticas, extensiones e interfaz f\u00e1cil de usar. Es compatible con cientos de lenguajes de programaci\u00f3n, incluyendo JavaScript, TypeScript, HTML y CSS - en Couchbase lo utilizamos con frecuencia para nuestro desarrollo, por lo que vamos a ver c\u00f3mo descargar, instalar y utilizar VSCode hoy.<\/span><\/p>\n

\u00bfC\u00f3mo descargar VSCode?<\/span><\/h2>\n

Visite la p\u00e1gina oficial C\u00f3digo VS <\/a><\/span>configurar sitio web<\/span><\/a> y navegue hasta el enlace de su sistema operativo espec\u00edfico (Windows, MacOS o Linux). (Si no est\u00e1 seguro de qu\u00e9 sistema operativo est\u00e1 utilizando, aqu\u00ed tiene una <\/span>recurso genial<\/span><\/a> para averiguarlo).<\/span>
\n<\/span><\/p>\n

\"\"<\/p>\n

Una vez que haga clic en cualquiera de los enlaces anteriores, deber\u00e1 hacer clic en otro enlace que dice Descargar Visual Studio Code<\/em>\u00a0o Instalador de c\u00f3digo de Visual Studio<\/em>. Esto iniciar\u00e1 el proceso de descarga en su ordenador. (<\/span>Ver<\/span><\/a>)<\/span><\/p>\n

Una vez que se haya descargado, deber\u00eda aparecer una ventana emergente en alg\u00fan lugar de la pantalla que indique que la descarga se ha completado.\u00a0<\/span><\/p>\n

\"\"<\/p>\n

\"\"<\/p>\n

Haga doble clic en el recuadro, que deber\u00eda iniciar las instrucciones de instalaci\u00f3n de VS Code (o le llevar\u00e1 a su carpeta de Descargas, donde de nuevo deber\u00e1 hacer doble clic en el icono de VSCode). Haga clic en los pasos para completar la instalaci\u00f3n (si no est\u00e1 seguro de alguna pregunta, los valores predeterminados suelen ser suficientes). Una vez terminado, VS Code deber\u00eda abrirse autom\u00e1ticamente, pero si no es as\u00ed, busque VS Code en su carpeta de Descargas y haga doble clic en el icono. <\/span><\/p>\n

\u00bfC\u00f3mo escribir c\u00f3digo con VS Code?<\/span><\/h2>\n

Una vez que se abra VS Code, aparecer\u00e1 lo siguiente, que le permitir\u00e1 elegir un tema (el aspecto que desea que tenga VS Code).\u00a0<\/span><\/p>\n

\"\"<\/p>\n

Ahora que tienes el poder de VS Code en tus manos, puedes crear un nuevo archivo donde escribir\u00e1s tu c\u00f3digo, o abrir una carpeta y luego crear una nueva carpeta para alojar todos tus archivos de c\u00f3digo.<\/span><\/p>\n

\"\"<\/p>\n

Aqu\u00ed he creado una carpeta llamada Couchbase_4_Life<\/em>. (Puedes nombrar tu carpeta como quieras, ya que este ser\u00e1 el nombre de todo tu proyecto. Nota: siempre puedes cambiarlo m\u00e1s adelante).<\/span><\/p>\n

\"\"<\/p>\n

A VS Code a menudo le gusta comprobar si conf\u00eda en los autores de los archivos de una carpeta en particular. Como usted mismo ser\u00e1 el autor (o la persona que escribe el c\u00f3digo que ponemos en esta carpeta), puede seleccionar la opci\u00f3n S\u00ed, conf\u00edo en los autores<\/strong> bot\u00f3n. Si alguna vez no te f\u00edas del autor puedes abrir la carpeta en Restringido<\/em>\u00a0modo. M\u00e1s informaci\u00f3n <\/span>aqu\u00ed<\/span><\/a>.\u00a0<\/span><\/p>\n

\"\"<\/p>\n

Ahora ver\u00e1 el t\u00edtulo de la carpeta en la esquina superior izquierda de la pantalla. <\/span><\/p>\n

\"\"<\/p>\n

Cuando pase el rat\u00f3n por encima del t\u00edtulo, ver\u00e1 4 iconos. De izquierda a derecha representan, Archivo nuevo<\/strong>, Nueva carpeta<\/strong>, Actualizar Explorador<\/strong>y Contraer carpetas en el Explorador<\/strong>. Explorador, por cierto, s\u00f3lo significa Explorador de Archivos, tambi\u00e9n conocido como el lugar en VS Code donde puede ver todos sus archivos. La secci\u00f3n del explorador est\u00e1 representada en la esquina superior izquierda donde se superponen dos trozos de papel, uno con un pliegue en la esquina.\u00a0<\/span><\/p>\n

\"\"<\/p>\n

A continuaci\u00f3n, podemos seleccionar el primer icono, Archivo nuevo<\/strong> e introduzca el nombre del archivo espec\u00edfico que queremos crear. En esta captura de pantalla, un index.js<\/em> y un index.html<\/em> se han creado.\u00a0<\/span><\/p>\n

Haga clic en el bot\u00f3n index.html<\/em> y deber\u00eda aparecer un archivo vac\u00edo en el centro de su pantalla con el cursor parpadeando en la l\u00ednea n\u00famero 1. \u00a1Enhorabuena! Aqu\u00ed es donde escribir\u00e1s tus primeras l\u00edneas de c\u00f3digo para este proyecto. Abajo comenc\u00e9 mi archivo con la l\u00ednea html<\/em> y una etiqueta h1<\/em> con la l\u00ednea \"\u00a1Hola amigos de Couchbase, Bad Website Code y FreeCodeCamp!<\/em>\" Cuando escrib\u00ed todo esto, hay un punto blanco que es visible en la parte superior cerca del nombre del archivo.\u00a0<\/span><\/p>\n

\"\"<\/p>\n

Este punto significa que el archivo a\u00fan no se ha guardado. Para que cualquier c\u00f3digo que escriba se \"guarde\", tiene que ir a su escritorio y navegar a Archivo<\/strong>\u00a0y luego Guardar<\/strong>\u00a0o Guardar como<\/strong>. Una vez hecho esto, el punto desaparecer\u00e1, indic\u00e1ndole que su c\u00f3digo se ha guardado correctamente.<\/span><\/p>\n

\"\"<\/p>\n

A continuaci\u00f3n, ser\u00eda maravilloso ver el sitio web que est\u00e1bamos codificando en VS Code. Para ello, puede descargar una extensi\u00f3n de VSCode llamada Servidor en directo<\/em>. Las extensiones de VS Code son herramientas y funciones adicionales que puede descargar gratuitamente del mercado de Visual Studio Code y que facilitan la codificaci\u00f3n y el desarrollo de software. Estas extensiones han sido creadas por desarrolladores como t\u00fa y como yo, \u00a1y a veces por la propia Microsoft!\u00a0<\/span><\/p>\n

En VS Code en el panel izquierdo, navega hasta el \u00faltimo icono que parece 4 cuadrados y uno separado. Haga clic en ese icono que se abrir\u00e1 otro panel donde se puede buscar cualquier extensi\u00f3n que existe en el mercado. Introduce el t\u00e9rmino, servidor en directo<\/em>y haga clic en uno con el nombre Ritwick Dey<\/em>.<\/span><\/p>\n

\"\"<\/p>\n

Una vez que haga clic en \u00e9l, ver\u00e1 que esta extensi\u00f3n se ha instalado casi 40 millones de veces, y tiene cerca de una calificaci\u00f3n de 5 estrellas. Estas son buenas se\u00f1ales para saber que esta extensi\u00f3n es de buena reputaci\u00f3n y digna de ser instalada en su ordenador. Pulse el bot\u00f3n azul Instale<\/strong> bot\u00f3n. Una vez que ese bot\u00f3n se convierte en la palabra, Desinstalar<\/strong> a continuaci\u00f3n, pulse el bot\u00f3n peque\u00f1o x<\/strong> en el Extensi\u00f3n: Servidor Live<\/strong>\u00a0en la barra de pesta\u00f1as superior y vaya a la pesta\u00f1a index.html<\/em> archivo.<\/span><\/p>\n

\"\"<\/p>\n

Una vez en ese archivo, haga clic con el bot\u00f3n derecho del rat\u00f3n en cualquier zona del archivo, lo que deber\u00eda abrir una ventana emergente con la frase Abrir con Live Server<\/strong>\u00a0en la parte inferior. Haz clic en ese bot\u00f3n.<\/span><\/p>\n

\"\"<\/p>\n

Tu navegador deber\u00eda haber aparecido en alg\u00fan lugar de tu ordenador con el c\u00f3digo que hemos escrito. \u00a1Este es tu primer sitio web! Como puedes ver, la URL tiene un aspecto extra\u00f1o, y no tiene un \".com\"<\/em>\u00a0o cualquier otra cosa y eso es porque este \"sitio web\" s\u00f3lo es accesible desde su ordenador personal. Este sitio web a\u00fan no est\u00e1 en Internet para que todo el mundo lo vea, todav\u00eda est\u00e1 en fase de borrador.<\/span><\/p>\n

\"\"<\/p>\n

En el pr\u00f3ximo post, hablaremos de c\u00f3mo compartir tu c\u00f3digo en sus formas borrador y final utilizando el control de versiones y una herramienta llamada GitHub. \u00a1Nos vemos all\u00ed! <\/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\/es\/what-is-a-code-editor\/\" \/>\n<meta property=\"og:locale\" content=\"es_MX\" \/>\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\/es\/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\":\"es\",\"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\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.couchbase.com\/blog\/what-is-a-code-editor\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@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\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/#organization\",\"name\":\"The Couchbase Blog\",\"url\":\"https:\/\/www.couchbase.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@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\":\"es\",\"@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\/es\/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 a desmitificar los editores de c\u00f3digo y a sumergirnos en uno de los editores de c\u00f3digo m\u00e1s 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\/es\/what-is-a-code-editor\/","og_locale":"es_MX","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\/es\/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":"es","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 a desmitificar los editores de c\u00f3digo y a sumergirnos en uno de los editores de c\u00f3digo m\u00e1s populares: Visual Studio Code.\u00a0","breadcrumb":{"@id":"https:\/\/www.couchbase.com\/blog\/what-is-a-code-editor\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.couchbase.com\/blog\/what-is-a-code-editor\/"]}]},{"@type":"ImageObject","inLanguage":"es","@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":"El blog de Couchbase","description":"Couchbase, la base de datos 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":"es"},{"@type":"Organization","@id":"https:\/\/www.couchbase.com\/blog\/#organization","name":"El blog de Couchbase","url":"https:\/\/www.couchbase.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@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 - Desarrollador Evangelista @ Couchbase","image":{"@type":"ImageObject","inLanguage":"es","@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 es una Developer Evangelist que se preocupa por facilitar la vida a los desarrolladores. Lo hace aprendiendo en p\u00fablico, ense\u00f1ando y hablando. Nyah puede ser encontrada en conferencias internacionales y en Twitter @NyahMacklinDev hablando sobre privacidad de datos, seguridad y avances en inteligencia artificial. Contacta con Nyah en Twitter o en el Discord de Couchbase para saber m\u00e1s.","sameAs":["https:\/\/x.com\/NyahMacklinDev"],"url":"https:\/\/www.couchbase.com\/blog\/es\/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 es una Developer Evangelist que se preocupa por facilitar la vida a los desarrolladores. Lo hace aprendiendo en p\u00fablico, ense\u00f1ando y hablando. Nyah puede ser encontrada en conferencias internacionales y en Twitter @NyahMacklinDev hablando sobre privacidad de datos, seguridad y avances en inteligencia artificial. Contacta con Nyah en Twitter o en el Discord de Couchbase para saber m\u00e1s."}],"_links":{"self":[{"href":"https:\/\/www.couchbase.com\/blog\/es\/wp-json\/wp\/v2\/posts\/15055","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.couchbase.com\/blog\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.couchbase.com\/blog\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.couchbase.com\/blog\/es\/wp-json\/wp\/v2\/users\/84838"}],"replies":[{"embeddable":true,"href":"https:\/\/www.couchbase.com\/blog\/es\/wp-json\/wp\/v2\/comments?post=15055"}],"version-history":[{"count":0,"href":"https:\/\/www.couchbase.com\/blog\/es\/wp-json\/wp\/v2\/posts\/15055\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.couchbase.com\/blog\/es\/wp-json\/wp\/v2\/media\/15058"}],"wp:attachment":[{"href":"https:\/\/www.couchbase.com\/blog\/es\/wp-json\/wp\/v2\/media?parent=15055"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.couchbase.com\/blog\/es\/wp-json\/wp\/v2\/categories?post=15055"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.couchbase.com\/blog\/es\/wp-json\/wp\/v2\/tags?post=15055"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.couchbase.com\/blog\/es\/wp-json\/wp\/v2\/ppma_author?post=15055"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}