Crea una cuenta o inicia sesi贸n

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

Disfruta de nuestro contenido y eventos por un a帽o a un precio especial

Antes: $179

Currency
$149/a帽o
隆Suscr铆bete!

馃敟 Te quedan 馃敟

1D
7H
31M
36S

Editor de texto: instalando el tuyo

4/17
Recursos

Aportes 684

Preguntas 111

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Reg铆strate o inicia sesi贸n para participar.

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!

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

Existen鈥 tengan cuidado.

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.

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

Que elegancia la de Francia! 鈥 XD

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.

Me encanta VS Code 鉂わ笍

Para quienes les gusta subir stories en todos lados xd

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

Hablando de editores鈥

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:

![](

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

El Platzi Theme para VSCode est谩 genial 鉂

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!

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

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

Preparada para la pr贸xima clase


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.

Me caso con VSCode 鉂わ笍

VSCode es vida.

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.

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 馃憤馃榿

Todos soportan diferentes lenguajes o solo JavaScript?

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 馃槑馃槑

Visual Studio Code me pareci贸 ch茅vere con lo de la integraci贸n con git

Sublime Text es un entorno fabuloso.

he usado varios y definitivamente me quedo con VSCode.

Mi preferencia en Editores
1.Visual Estudio Code
2.Sublime Text

Sublime text es lo mejor. Liviano y super f谩cil, adem谩s de que tiene mil plugins para hacer todo a煤n m谩s f谩cil.

En lo personal, me gust贸 mucho m谩s VS Code

Sublime Text es el que actualmente uso.

Anteriormente usaba SublimeteText para escribir c贸digo, pero veo que con el paso del tiempo VisualStudio se vuelve m谩s robusto.
Lo empezar茅 a usar a partir de ahora.

Atom es mi favorito 馃槂

鈥 seguimos descargando ahora los editores de texto.

VSCode FTW 馃槂

yo inicie con atom, pero me parecio mucho mejor el visual studio code