Crea una cuenta o inicia sesi贸n

隆Contin煤a aprendiendo sin ning煤n costo! 脷nete y comienza a potenciar tu carrera

Editor de texto: instalando el tuyo

5/18
Recursos

Aportes 744

Preguntas 124

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

Sublime Text y VSCode son lo mejor.

Si alguien se quiere instalar un tema en VSCode el que mas me ha gustado es SynthWave '84
Ah铆 les deje el link por si desean Descargarlo 馃槃

Se ve as铆!

Sublime text team!

Existen鈥 tengan cuidado.

Cuando est茅n instalando VSCode les recomiendo que en esta parte marquen todas estas opciones. En especial las 2 primeras de la secci贸n 鈥淥tros鈥 para que puedan abrir carpetas con vscode haci茅ndoles clic derecho y Abrir con Code:

Team VSCode

Un **IDE **(Integrated Development Environment) representa un entorno de desarrollo integrado, un ambiente en donde puedes programar. Este IDE trae consigo herramientas que ayudan al desarrollador, como: debugger (depurador), consola, GIT, inteligencia (la cual te ayuda a corregir la sintaxis cuando est谩s escribiendo c贸digo), etc.
#dato Lo que hace ser c贸digo al c贸digo es la sintaxis y el formato del archivo (.js , .css) etc.
Existen diferentes tipos de IDE, como por ejemplo:

  • Visual Studio Code

  • WebStorm

  • Eclipse

  • etc.

VSC:


Ahora, tambi茅n existen editores de texto / editores de c贸digo, las cuales son herramientas m谩s minimalistas donde puedes programar pero con ciertos l铆mites.

VS Code para casi todo y PhpStorm para PHP.
Pero no olvidemos los editores online, como: https://codesandbox.io/, https://repl.it/, https://stackblitz.com/.
Estos los recomiendo para pruebas r谩pidas o para conocer alguna nueva tecnolog铆a, ya que evitan las configuraciones y ofrecen muchas facilidades en temas como instalar dependencias.

Por si alguien busca temas, yo tengo este que la verdad me gusta mucho, es muy agradable a la vista y se distingue muy f谩cil el c贸digo: https://marketplace.visualstudio.com/items?itemName=Endormi.2077-theme

Yo estoy dejando VSCode y estoy en el mundo de vim ahora, carga mucho mas rapido, no tengo todo los plugs de VSCode, pero eso hace que sea mas conciente y acordarme de todo cuando estoy desarrollando

Puedes descargar Visual studio code (VSCode) en https://code.visualstudio.com/

Yo antes usaba Atom, luego prob茅 VSCode y nadie me ha sacado de ah铆 xD

VScode, es mi pastor.

Editores de Texto

  • WebStorm- Se venden a s铆 mismos como 鈥淓l IDE m谩s inteligente para JavaScript鈥, dan 30 d铆as de prueba, despu茅s hay que pagar.

  • Atom- Es gratuito, pero tambi茅n tiene una versi贸n de paga, se puede usar la versi贸n estable o beta y se venden a s铆 mismos como 鈥淓l editor de texto hackeable鈥, es decir que nos dejan construir herramientas, modificarlo, hacerle variaciones a su c贸digo para adaptarse a lo que necesitamos.

  • Visual Studio Code-鈥淓dici贸n de c贸digo redefinida鈥, es totalmente gratuito, est谩 construido encima de open source, es decir que es de c贸digo libre y se ejecuta o corre en cualquier sistema operativo. Es muy vers谩til y puede servir con muchos lenguajes de programaci贸n

馃洜锔 Tengo gustos por los productos de JetBrains, puesto que tienen diferentes IDE para cada necesidad como WebStorm enfocado para la Web.

Que elegancia la de Francia! 鈥 XD

Para mi que soy dalt贸nico lo mejor es VSCode, me ayudan esos colores brilalntes y es super completo

Me encanta VS Code 鉂わ笍

Recuerden revisar la secci贸n de Archivos y Enlaces donde el profesor comparte archivos, links, presentaciones y de mas para reforzar la clase o descargar materiales u herramientas.

Para quienes les gusta subir stories en todos lados xd

El Platzi Theme para VSCode est谩 genial 鉂

Un IDE a diferencia de un editor de texto es que ya est谩 todo integrado y enfocado para eso. VSCode funciona a base de extensiones que hay que configurar a mano
Profe Celis, muchos otros cursos comentan a cerca de tomar primero el curso prework, es decir, este curso. llega el momento de instalar el editor de c贸digo, pero no nos muestran el paso a paso de como hacerlo y que opciones podemos tomar que nos beneficien o que no. No nos explica por ejemplo la diferencia entre el instalador de usuario y de sistema, o las opciones finales para agregar. Ser铆a bueno que tengan en cuenta esos detalles sobre todo para los m谩s novatos. gracias.

Hablando de editores鈥

En el 2021 el mejor es VS code, no tiene competencia

Hola a todos XD, me podr铆an ayudar por favor.

Como puedo buscar una parte de mi c贸digo, buscar un m茅todo o funci贸n
si mi archivo es demasiado grande

algo parecido como en el navegador si aprieto Ctrl+F para buscar palabras

Preparada para la pr贸xima clase

Clase 4 鈥 Editor de texto: instala el tuyo


驴Qu茅 maneras existen de nombra la herramienta que nos permitir谩 escribir c贸digo?

  • Editor de texto.
  • Editor de c贸digo.
  • IDE.

驴Qu茅 significan las siglas IDE?

  • Integrated Development Environment.

驴Qu茅 es lo que realmente escribimos cuando escribimos c贸digo?

  • Texto.

驴Qu茅 es lo que diferencia un archivo de c贸digo a uno de texto?

  • La sintaxis del lenguaje de programaci贸n.
  • Extensi贸n del archivo.

驴Cu谩les son las extensiones de archivo de HTML, CSS y JavaScript?

  • HTML = .html
  • CSS = .css
  • JavaScript = .js

驴Qu茅 Editores de c贸digo existen?

  • Web Storm.
  • Atom.
  • Visual Studio Code.

驴Cu谩l es el editor de c贸digo m谩s usado hoy en d铆a?

  • Visual Studio Code.

驴Cu谩l es la empresa que desarrollo Web Storm?

  • Jet Brains.

驴Cu谩les son las caracter铆sticas m谩s importantes de Web Storm?

  • Es de pago.
  • Verificaci贸n de sintaxis de c贸digo para JavaScript.
  • Es posible desarrollar para web, dispositivos m贸viles, servidores y ordenadores.
  • Cuenta con un depurador o debbuger.
  • Integraci贸n de herramientas
  • Posibilidad de realizar pruebas de unidades
  • Integraci贸n con VCS.
  • Prueba gratuita de 30 d铆as.

驴Se recomienda pagar por el uso de Web Storm si se est谩 comenzando en el mundo de la programaci贸n?

  • No.

驴Cu谩les son las caracter铆sticas m谩s importantes de Atom?

  • Versi贸n gratuita y de pago.
  • Configuraci贸n propia del c贸digo.

驴Cu谩les son las caracter铆sticas m谩s importantes de Visual Studio Code?

  • Es de uso gratuito.
  • Es de c贸digo libre.
  • Es multiplataforma.
  • Verificaci贸n de sintaxis con la tecnolog铆a IntelliSense.
  • Autocompletado.
  • Versatilidad en uso de lenguajes de programaci贸n y entornos de desarrollo.
  • Instalaci贸n de extensiones.
  • Debugger.

驴C贸mo accedemos a las descargas en Google Chrome?

  • Comando = CTRL + J.
  • Men煤 = clic en el men煤 -> clic en la opci贸n Descargas.

Yo utilizo VS code, aunque a煤n no haya probado los otros馃槄

fue amor a 1era vista 馃き

Todos soportan diferentes lenguajes o solo JavaScript?

Editor de texto: instalando el tuyo

Conceptos basicos

IDE
Un **IDE **(Integrated Development Environment) representa un entorno de desarrollo integrado, un ambiente en donde puedes programar. Este IDE trae consigo herramientas que ayudan al desarrollador, como: debugger (depurador), consola, GIT, inteligencia (la cual te ayuda a corregir la sintaxis cuando est谩s escribiendo c贸digo), etc.
#dato Lo que hace ser c贸digo al c贸digo es la sintaxis y el formato del archivo (.js , .css) etc.
Existen diferentes tipos de IDE, como por ejemplo:

  • Visual Studio Code

  • WebStorm

  • Eclipse

  • etc.

Editor de texto

Es un programa donde podemos escrbir codigo sin mayor herramientas

  • Block de notas

Ejemplos de editores:

Web Storm

  • Desarrollado por la empresa Jetbrains

  • Muy usado por los profesionales del desarrollo web.

  • 鈥渆l IDE mas inteligente para JS鈥 ( te ayuda constantemente a verificar si el c贸digo esta correctamente escrito)

  • Editor de pago

Atom

  • Tiene version gratuita

  • 鈥渆l editor de texto hackeable鈥 (puedes construir herramientas, ingresar al c贸digo y hacer variaciones鈥

VSC ( Visual Studio Code)

  • 鈥渃ode editing redefined鈥

  • Es un IDE de c贸digo libre.

  • Corre en cualquier sistema operativo

  • Desarrollado por Microsoft

  • Detecta errores en la sintaxis

  • Generar autocompletado

  • Sirve para desarrollo web, app, m贸vil, video juegos,etc.

  • Tiene depurador

  • Tiene git incluido.

  • Tiene extensiones para customizar nuestro IDE de acuerdo al lenguaje a usar.

Solo por darle una actualizaci贸n al curso. Atom sera descontinuado el 15 de diciembre de este a帽o. as铆 que si alguien opta por usarlo (que no creo) esto puede hacer que cambio de opinion. https://www.softzone.es/noticias/programas/malas-noticias-programadores-github-cierra-editor-atom/

A que edad se enteraron que con ctrl + J en chrome te abre la pesta帽a de descargas ?


Tengo el titulo de T茅cnico de Desarrollo de aplicaciones Multiplataforma y siendo sincero, casi nunca us茅 VSCode salvo para desarrollar videojuegos en Unity (desarrollaba en Eclipse, programaba en Java) Pero bueno, estamos aqu铆 para seguir aprendiendo. Suerte!

Por un momento pens茅 que iba a decir: 鈥測o no lo descargo porque ya lo tengo鈥 馃ぃ馃ぃ馃ぃ

Visual Studio Code 鉂わ笍
Un editor que con la ayuda de plugins se puede volver 隆Bestial!.

馃敟Team Visual Studio Code!馃敟

Vengo de usar el editor phpdesigner 8, sin embargo me cambie al Visual Estudio Code porque para mi en lo personal es mejor, mas plugins que te hacen la vida un toque mas facil.

Aca mi captura del VSCode:

![](

Misi贸n cumplida. Cambi茅 mis versi贸n de Windows 10 y lo puse en 100% en Ingl茅s. Gracias Platzi.

Los editores de c贸digo son las herramientas que todo desarrollador debe tener a mano. Permiten editar c贸digo fuente en diversos lenguajes de programaci贸n y ofrecen m煤ltiples herramientas para facilitar el trabajo y aumentar la productividad.

Debemos distinguir entre editores de c贸digo e IDE. Los editores generalmente son programas ligeros, que ofrecen lo necesario para poder ser productivos y tener una experiencia de desarrollo adecuada, pero sin complicaciones.

Sin embargo, los editores actuales se pueden extender tanto como se quiera, por medio de complementos que los pueden hacer llegar a ser tan avanzados como los IDE.

  • Visual Studio Code
  • Atom
  • Notepad++
  • Sublime Text


Yei!

Team VScode

Por gusto y experiencia me quedo con VS CODE.

Me encanta visual studio code, antes de este era fan de sublime text. Pero Microsoft ultimamente esta haciendo un trabajo sobresaliente.

Creo que entre Atom y Vs se dan la pela, pero para prop贸sitos pr谩cticos del curso, hay que hacerle a vs.

IDE: INTEGRATED DEVELOPMENT ENVIRONMENT
WebStorm: el IDE mas inteligente para JavaScript (para verificar que el c贸digo est谩 correctamente escrito)
Atom: hackeable
VS: code editing redefined

Editor de texto es un programa inform谩tico que permite crear y modificar archivos digitales compuestos 煤nicamente por textos sin formato, conocidos com煤nmente como archivos de texto o 鈥渢exto plano鈥. El programa lee el archivo e interpreta los bytes le铆dos seg煤n el c贸digo de caracteres que usa el editor. Es com煤nmente de 7- u 8-bits en ASCII o UTF-8, rara vez EBCDIC.

Comenc茅 utilizando Sublime Text - Pero desde que pase a VSCode no he dejado de preferirlo.

Aunque tengo una memoria con Sublime portable siempre muy necesario.

Un IDE es una herramienta muy valiosa para los desarrolladores ya que ofrece un ambiente de trabajo integrado para escribir, depurar, probar y desplegar su c贸digo. Esto hace que sea m谩s f谩cil y eficiente para los desarrolladores para escribir c贸digo de alta calidad.

Un Integrated Development Environment (IDE) es una aplicaci贸n de software que proporciona un conjunto completo de herramientas para desarrolladores de software. Un IDE generalmente incluye un editor de c贸digo, un depurador, un sistema de control de versiones y otras herramientas 煤tiles para facilitar el desarrollo de software. Algunos ejemplos de IDEs populares son Visual Studio, Eclipse, IntelliJ IDEA y Xcode.

Hola, ya tengo mi navegador dev

Para los print screen yo uso lightshot porque tiene herramientas que te permiten por ejemplo agregar comentarios, se帽alar algo鈥 aqu铆 les dejo el enlace, se usa con la tecla de printscreen https://app.prntscr.com/es/

2022 visual studio sigue siendo el rey

como ingeniero mecatr贸nico utilice unity para realizar un proyecto integrador en mi universidad y creamos una maquina de baile pump con un pic y unity, muy vers谩til en verdad.

Yo usaba Sublime Text hasta que me hicieron usar Vs Code y desde ah铆 no o solt茅 jaja, me gust贸 la variedad de opciones que ofrec铆a :'v . Lo siento Sublime te traicion茅 :c jeje

trabaje atom un tiempo en mi carrera de automatizacion pero visual es super

Hola鈥 Instale el VSCode y es genial鈥

Me caso con VSCode 鉂わ笍

VSCode es vida.

estoy en el curso de programaci贸n b谩sica y antes de seguir decid铆 tomar este curso, pero concuerdo contigo, amo VSC

Para los que no quieran instalar el Visual Studio Code en la pc, o necesitan trabajar en varios pcs, en diferentes sitios, escribiendo en el navegador vscode.dev obtendr谩n la versi贸n online del editor de texto.

GitHub anunci贸 hace unas semanas que van a cerrar Atom y archivar谩n todos los proyectos bajo la organizaci贸n el 15 de diciembre de 2022, as铆 que nada, yo recomiendo VS Code 馃槈

VScode es excelente

驴soy el unico que se pone like a si mismo?

VSCode es el mejor. 馃槂

Me decidi por Visual Studio Code porque es muy vers谩til.

Los editores revisan y validan la sintaxis del codigo escrito. Ya estoy descargando VSCode, Estoy tratando de reconocer todo el lenguaje que utiliza. Gracias

La verdad Visual Studio Code!!

Mi favorito es Vim, aunque su curva de aprendizaje es bastante complicada pero una vez configurado es bastante pr谩ctico

Mi primer editor de c贸digo fue Sublime Text, luego pas茅 a Atom y actualmente utilizo Visual Studio Code, llevo varios a帽os utiliz谩ndolo y me gusta mucho 馃ぉ

Ando super motivadooo, jajaj descargando el VS Code.

para todos los gustos! visual parece muy completo

Instalado sin problemas 馃憤馃榿

Yo utilizaba Sublime Text hasta que sali贸 Atom que creo que fue el primer h铆brido, y ahora utilizo Visual Studio Code que me parece que tiene lo mejor de los dos, s茅 de la existencia de Brackets pero no lo prob茅 nunca.

Todos son geniales. Hay que usar el que se acomode a nuestra comodidad, gusto y objetivos.

Done!

Yo he usado casi todos, me quede con VScode, pero probe Intellij Idea y me encanto, ahora no me cambio a ningun otro 馃槂

VS CODE

Instale Visual Studio Code, va a ser mi primera vez usandolo y a ver que tal funciona

Reto cumplido.

Para mi VSC es el mejor editor de c贸digo.

A mi me gusta mas usar editores de c贸digo que IDEs porque son m谩s r谩pidos y ligeros, y en ocasiones los IDEs tienen muchas funciones que ni uso pero igual consumen recursos y espacio. Prefiero instalar las extensiones que se que voy a usar en VS Code, pero hay que tener mucho cuidado porque luego por andar probando y curioseando podemos terminar instalando mas extensiones que las que necesitamos (O varias con la misma funci贸n que pueden interferir entre si) y caemos en los mismo que un IDE 馃し鈥嶁檪锔

Instalado firefox developer

Recien arranco, pero solo usaba Atom! luego de este curso solo uso VSCode!!

Les dejo este tutorial para ver los bits de descarga
https://www.youtube.com/watch?v=a5UMUaGw4ro

Me encanta trabajar en visual code

Visual Studio Code es muy completo. Aunque SublimeText es una maravilla tambi茅n.

Cualquiera de los dos son excelentes herramientas.

Pienso que si se quiere aprender de un lenguaje, de estructura HTML o cualquier cosa es mejor usar editores de texto sin el autocompletado. Se que es un consejo de boomers pero puede servirles en alg煤n momento. (como en alg煤n examen de certificaci贸n)

Editores de Texto
web storm
Atom
Visual studio Code

VScode The best鉂も潳鉂

Ahora todo es mas facil, pero yo comenc茅 en Bloc de Notas 馃槑馃槑