CursosEmpresasBlogLiveConfPrecios

Editor de texto: instalando el tuyo

Clase 5 de 18 • Curso de Prework: Configuración de Entorno de Desarrollo en Windows

Clase anteriorSiguiente clase

Contenido del curso

Herramientas para la web
  • 1

    ¡Tenemos una nueva versión de este curso!

    00:29
  • 2
    Qué es un navegador web

    Qué es un navegador web

    07:31
  • 3
    Qué aprenderás para configurar tu entorno de desarrollo en Windows

    Qué aprenderás para configurar tu entorno de desarrollo en Windows

    05:20
  • 4
    Instalando Firefox, Chrome y usando sus DevTools

    Instalando Firefox, Chrome y usando sus DevTools

    11:53
Editor de texto
  • 5
    Editor de texto: instalando el tuyo

    Editor de texto: instalando el tuyo

    07:34
  • 6
    Extensiones y personalización de Visual Studio Code

    Extensiones y personalización de Visual Studio Code

    11:04
  • 7
    Cómo usar Live Server en proyectos reales de HTML y CSS

    Cómo usar Live Server en proyectos reales de HTML y CSS

    07:27
Linux dentro de Windows
  • 8
    ¿Qué es Windows Subsystem for Linux?

    ¿Qué es Windows Subsystem for Linux?

    04:50
  • 9
    Instalación de Windows Subsystem for Linux

    Instalación de Windows Subsystem for Linux

    11:17
  • 10
    Configuración de Ubuntu en WSL

    Configuración de Ubuntu en WSL

    15:41
  • 11

    Instalación de VirtualBox

    01:01
  • 12

    Instalando Ubuntu en una máquina virtual

    01:52
  • 13
    Comandos básicos de la terminal e instalación de Node.js

    Comandos básicos de la terminal e instalación de Node.js

    15:16
  • 14
    Cómo configurar tu primer proyecto en React.js

    Cómo configurar tu primer proyecto en React.js

    09:53
Git y Github
  • 15
    Instalando Git

    Instalando Git

    09:22
  • 16
    Vinculando nuestra llave SSH en Github

    Vinculando nuestra llave SSH en Github

    09:14
  • 17
    Subiendo nuestro primer repositorio

    Subiendo nuestro primer repositorio

    14:05
  • 18
    ¿Qué es lo que sigue?

    ¿Qué es lo que sigue?

    04:40
    Simón Arenas

    Simón Arenas

    student•
    hace 5 años
    r_2242847_97FQE.jpg
      Henry Delgado

      Henry Delgado

      student•
      hace 5 años

      jajaja!

      Luis Mendoza

      Luis Mendoza

      student•
      hace 5 años

      Jahsjajahajaj

    Kevin Morales

    Kevin Morales

    student•
    hace 5 años

    Sublime Text y VSCode son lo mejor.

      Pedro Moreno

      Pedro Moreno

      student•
      hace 5 años

      Yes!!

      Diego Rubio

      Diego Rubio

      student•
      hace 5 años

      vs code el otro no lo conozco pero me quedo con vs

    Joel Dominguez Merino

    Joel Dominguez Merino

    student•
    hace 5 años

    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 :D

    Se ve así!

    wave.jpg

      Katerine Valencia

      Katerine Valencia

      student•
      hace 5 años

      gracias! se ve muy chevere :)

      Carol Natalia Ramirez Gil

      Carol Natalia Ramirez Gil

      student•
      hace 5 años

      Se ve cyberpunk por ese estilo con luces. Gracias por compartir!

    Iris Valentina Barrios

    Iris Valentina Barrios

    student•
    hace 5 años

    Sublime text team!

    yucgsc6zsfu21.jpg

      Josué Danilo Pineda Castaneda

      Josué Danilo Pineda Castaneda

      student•
      hace 5 años

      Atom le gana xxxd.

      Mauricio Enrique Fernandez Lopez

      Mauricio Enrique Fernandez Lopez

      student•
      hace 5 años

      jajajaja

    Pablo Nicolás Alonso

    Pablo Nicolás Alonso

    student•
    hace 5 años

    Existen... tengan cuidado.

    atom.vs.blocnotas.jpg

      Celeste Yamile

      Celeste Yamile

      student•
      hace 4 años

      😂😂😂

      Jose Pablo Jimenez Cortes

      Jose Pablo Jimenez Cortes

      student•
      hace 4 años

      ah se mamut XD

    Cristian Iñiguez

    Cristian Iñiguez

    student•
    hace 5 años

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

    instalacion-vscode.png

      Jimmy Buriticá Londoño

      Jimmy Buriticá Londoño

      student•
      hace 5 años

      Gracias, seguí tus consejos.

      Victor Andres Castillo Zambrano

      Victor Andres Castillo Zambrano

      student•
      hace 5 años

      gracias

    Iván Arcos

    Iván Arcos

    student•
    hace 5 años

    Team VSCode

      Beder Danilo Casa Condori

      Beder Danilo Casa Condori

      student•
      hace 4 años

      presente

      Mónica De La Jara Valdez

      Mónica De La Jara Valdez

      student•
      hace 4 años

      presente

    Nicolás Mellado

    Nicolás Mellado

    student•
    hace 5 años

    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.

      Cindy Arroyo

      Cindy Arroyo

      student•
      hace 5 años

      Gracias por el aporte 😁

      Max Andy Diaz Neyra

      Max Andy Diaz Neyra

      student•
      hace 4 años

      Este aporte deberia tener más corazones. No es lo mismo editores de texto con los IDE como no es lo mismo VS y VSC

    Abraham E

    Abraham E

    student•
    hace 5 años

    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.

      David Castro

      David Castro

      student•
      hace 5 años

      No sabia que existía hpStorm y que era especial para el PHP. Gracias por el dato amigo!

    Perla Susana Salazar Castañeda

    Perla Susana Salazar Castañeda

    student•
    hace 5 años

    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

    Captura de pantalla 2021-03-26 103101.png

      Celeste Yamile

      Celeste Yamile

      student•
      hace 4 años

      Se ve genial. :o

      Gelmer Marquez Gomez

      Gelmer Marquez Gomez

      student•
      hace 4 años

      Hey| gracias. Este tema también esta genial.

    Jimmy Saldivias

    Jimmy Saldivias

    student•
    hace 5 años
    04.02 Nota de Cornell.jpg
      William Ruiz

      William Ruiz

      student•
      hace 3 años

      gracias por tu aporte

    Carlos Gutierrez

    Carlos Gutierrez

    student•
    hace 5 años

    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

    1.JPG
      Leandro Tenjo

      Leandro Tenjo

      student•
      hace 5 años

      Lo use por un tiempo y si es genial, pero cuando empiezas a agregar tantas cosas y lo haces parecer VS Code... en ese caso es mejor usar VS Code

      Y aunque es genial, ++no lo recomendaría para alguien que está iniciando.++ Creo que eso lo aturdiría un poco.

      David Castro

      David Castro

      student•
      hace 5 años

      Exacto, yo soy un partidario de que los que están empezando deberían usar Atom o Sublime sin tantas extensiones, eso les ayuda al principio a apropiar mas lo que van aprendiendo y a ser mas concentrados con el código.

    Abdel Mejia

    Abdel Mejia

    student•
    hace 5 años

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

      Diego Rubio

      Diego Rubio

      student•
      hace 5 años

      super que vato eres!

      Nicolás Franco Pérez Hernández

      Nicolás Franco Pérez Hernández

      student•
      hace 5 años

      arigatooo

    Carlos Eduardo Gomez García

    Carlos Eduardo Gomez García

    teacher•
    hace 5 años

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

      Jorge Ivan Lopez Santiz

      Jorge Ivan Lopez Santiz

      student•
      hace 4 años

      igual yo

      Max Andy Diaz Neyra

      Max Andy Diaz Neyra

      student•
      hace 4 años

      VSC es tan completo y poderoso, una vez entras difilcimente sales de ahi. A darle con todo a la ruta de backend con JS

    Ramses Garate

    Ramses Garate

    student•
    hace 5 años

    VScode, es mi pastor.

      Jesus Chapa

      Jesus Chapa

      student•
      hace 5 años

      VScode, es mi pastor, ninguna extension me faltara, en sus lineas maravillosas pastoreara mi alma...

    Yezid Esteban Hernández Galeano

    Yezid Esteban Hernández Galeano

    student•
    hace 5 años

    Editores de Texto

    • WebStorm- Se venden a sí mismos como "El 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 "El 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-"Edició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

      William Ruiz

      William Ruiz

      student•
      hace 3 años

      gracias por tu aporte

    Usuario anónimo

    Usuario anónimo

    user•
    hace 5 años

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

    Elena Parada

    Elena Parada

    student•
    hace 5 años
    editores-de-texto-de-informatica-2-638.jpg

    Yo tengo Atom y Visual Estudio Code, pero también he usado Sumlime Text y de los tres me gustó más atom :)

      Daren Cujaban

      Daren Cujaban

      student•
      hace 5 años

      Yo prefiero VS Code. También he usado Atom, pero por experiencia propia prefiero y recomiendo VS Code. Es muy completo!

      Emmanuel Sánchez Da Silva

      Emmanuel Sánchez Da Silva

      student•
      hace 5 años

      Atom fue el primer IDE que use en el Curso de programación básica de ++Platzi++:´)

    Luis Carlos Montes Romero

    Luis Carlos Montes Romero

    student•
    hace 4 años
    gjkbyflaKWM.png

    Que elegancia la de Francia! ... XD

      Esteban Casallas

      Esteban Casallas

      student•
      hace 4 años

      ¿Cómo se llama el ultimo tema?

      Esteban Ibarra Largo

      Esteban Ibarra Largo

      student•
      hace 4 años

      sabes como obtener el tercero, o donde lo puedo descargar?

    Guillermo Andrés Salcedo Solano

    Guillermo Andrés Salcedo Solano

    student•
    hace 5 años

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

      Celeste Yamile

      Celeste Yamile

      student•
      hace 4 años

      También me encantan los colores que tiene.

Escuelas

  • Desarrollo Web
    • Fundamentos del Desarrollo Web Profesional
    • Diseño y Desarrollo Frontend
    • Desarrollo Frontend con JavaScript
    • Desarrollo Frontend con Vue.js
    • Desarrollo Frontend con Angular
    • Desarrollo Frontend con React.js
    • Desarrollo Backend con Node.js
    • Desarrollo Backend con Python
    • Desarrollo Backend con Java
    • Desarrollo Backend con PHP
    • Desarrollo Backend con Ruby
    • Bases de Datos para Web
    • Seguridad Web & API
    • Testing Automatizado y QA para Web
    • Arquitecturas Web Modernas y Escalabilidad
    • DevOps y Cloud para Desarrolladores Web
  • English Academy
    • Inglés Básico A1
    • Inglés Básico A2
    • Inglés Intermedio B1
    • Inglés Intermedio Alto B2
    • Inglés Avanzado C1
    • Inglés para Propósitos Específicos
    • Inglés de Negocios
  • Marketing Digital
    • Fundamentos de Marketing Digital
    • Marketing de Contenidos y Redacción Persuasiva
    • SEO y Posicionamiento Web
    • Social Media Marketing y Community Management
    • Publicidad Digital y Paid Media
    • Analítica Digital y Optimización (CRO)
    • Estrategia de Marketing y Growth
    • Marketing de Marca y Comunicación Estratégica
    • Marketing para E-commerce
    • Marketing B2B
    • Inteligencia Artificial Aplicada al Marketing
    • Automatización del Marketing
    • Marca Personal y Marketing Freelance
    • Ventas y Experiencia del Cliente
    • Creación de Contenido para Redes Sociales
  • Inteligencia Artificial y Data Science
    • Fundamentos de Data Science y AI
    • Análisis y Visualización de Datos
    • Machine Learning y Deep Learning
    • Data Engineer
    • Inteligencia Artificial para la Productividad
    • Desarrollo de Aplicaciones con IA
    • AI Software Engineer
  • Ciberseguridad
    • Fundamentos de Ciberseguridad
    • Hacking Ético y Pentesting (Red Team)
    • Análisis de Malware e Ingeniería Forense
    • Seguridad Defensiva y Cumplimiento (Blue Team)
    • Ciberseguridad Estratégica
  • Liderazgo y Habilidades Blandas
    • Fundamentos de Habilidades Profesionales
    • Liderazgo y Gestión de Equipos
    • Comunicación Avanzada y Oratoria
    • Negociación y Resolución de Conflictos
    • Inteligencia Emocional y Autogestión
    • Productividad y Herramientas Digitales
    • Gestión de Proyectos y Metodologías Ágiles
    • Desarrollo de Carrera y Marca Personal
    • Diversidad, Inclusión y Entorno Laboral Saludable
    • Filosofía y Estrategia para Líderes
  • Diseño de Producto y UX
    • Fundamentos de Diseño UX/UI
    • Investigación de Usuarios (UX Research)
    • Arquitectura de Información y Usabilidad
    • Diseño de Interfaces y Prototipado (UI Design)
    • Sistemas de Diseño y DesignOps
    • Redacción UX (UX Writing)
    • Creatividad e Innovación en Diseño
    • Diseño Accesible e Inclusivo
    • Diseño Asistido por Inteligencia Artificial
    • Gestión de Producto y Liderazgo en Diseño
    • Diseño de Interacciones Emergentes (VUI/VR)
    • Desarrollo Web para Diseñadores
    • Diseño y Prototipado No-Code
  • Contenido Audiovisual
    • Fundamentos de Producción Audiovisual
    • Producción de Video para Plataformas Digitales
    • Producción de Audio y Podcast
    • Fotografía y Diseño Gráfico para Contenido Digital
    • Motion Graphics y Animación
    • Contenido Interactivo y Realidad Aumentada
    • Estrategia, Marketing y Monetización de Contenidos
  • Desarrollo Móvil
    • Fundamentos de Desarrollo Móvil
    • Desarrollo Nativo Android con Kotlin
    • Desarrollo Nativo iOS con Swift
    • Desarrollo Multiplataforma con React Native
    • Desarrollo Multiplataforma con Flutter
    • Arquitectura y Patrones de Diseño Móvil
    • Integración de APIs y Persistencia Móvil
    • Testing y Despliegue en Móvil
    • Diseño UX/UI para Móviles
  • Diseño Gráfico y Arte Digital
    • Fundamentos del Diseño Gráfico y Digital
    • Diseño de Identidad Visual y Branding
    • Ilustración Digital y Arte Conceptual
    • Diseño Editorial y de Empaques
    • Motion Graphics y Animación 3D
    • Diseño Gráfico Asistido por Inteligencia Artificial
    • Creatividad e Innovación en Diseño
  • Programación
    • Fundamentos de Programación e Ingeniería de Software
    • Herramientas de IA para el trabajo
    • Matemáticas para Programación
    • Programación con Python
    • Programación con JavaScript
    • Programación con TypeScript
    • Programación Orientada a Objetos con Java
    • Desarrollo con C# y .NET
    • Programación con PHP
    • Programación con Go y Rust
    • Programación Móvil con Swift y Kotlin
    • Programación con C y C++
    • Administración Básica de Servidores Linux
  • Negocios
    • Fundamentos de Negocios y Emprendimiento
    • Estrategia y Crecimiento Empresarial
    • Finanzas Personales y Corporativas
    • Inversión en Mercados Financieros
    • Ventas, CRM y Experiencia del Cliente
    • Operaciones, Logística y E-commerce
    • Gestión de Proyectos y Metodologías Ágiles
    • Aspectos Legales y Cumplimiento
    • Habilidades Directivas y Crecimiento Profesional
    • Diversidad e Inclusión en el Entorno Laboral
    • Herramientas Digitales y Automatización para Negocios
  • Blockchain y Web3
    • Fundamentos de Blockchain y Web3
    • Desarrollo de Smart Contracts y dApps
    • Finanzas Descentralizadas (DeFi)
    • NFTs y Economía de Creadores
    • Seguridad Blockchain
    • Ecosistemas Blockchain Alternativos (No-EVM)
    • Producto, Marketing y Legal en Web3
  • Recursos Humanos
    • Fundamentos y Cultura Organizacional en RRHH
    • Atracción y Selección de Talento
    • Cultura y Employee Experience
    • Gestión y Desarrollo de Talento
    • Desarrollo y Evaluación de Liderazgo
    • Diversidad, Equidad e Inclusión
    • AI y Automatización en Recursos Humanos
    • Tecnología y Automatización en RRHH
  • Finanzas e Inversiones
    • Fundamentos de Finanzas Personales y Corporativas
    • Análisis y Valoración Financiera
    • Inversión y Mercados de Capitales
    • Finanzas Descentralizadas (DeFi) y Criptoactivos
    • Finanzas y Estrategia para Startups
    • Inteligencia Artificial Aplicada a Finanzas
    • Domina Excel
    • Financial Analyst
    • Conseguir trabajo en Finanzas e Inversiones
  • Startups
    • Fundamentos y Validación de Ideas
    • Estrategia de Negocio y Product-Market Fit
    • Desarrollo de Producto y Operaciones Lean
    • Finanzas, Legal y Fundraising
    • Marketing, Ventas y Growth para Startups
    • Cultura, Talento y Liderazgo
    • Finanzas y Operaciones en Ecommerce
    • Startups Web3 y Blockchain
    • Startups con Impacto Social
    • Expansión y Ecosistema Startup
  • Cloud Computing y DevOps
    • Fundamentos de Cloud y DevOps
    • Administración de Servidores Linux
    • Contenerización y Orquestación
    • Infraestructura como Código (IaC) y CI/CD
    • Amazon Web Services
    • Microsoft Azure
    • Serverless y Observabilidad
    • Certificaciones Cloud (Preparación)
    • Plataforma Cloud GCP

Platzi y comunidad

  • Platzi Business
  • Live Classes
  • Lanzamientos
  • Executive Program
  • Trabaja con nosotros
  • Podcast

Recursos

  • Manual de Marca

Soporte

  • Preguntas Frecuentes
  • Contáctanos

Legal

  • Términos y Condiciones
  • Privacidad
  • Tyc promociones
Reconocimientos
Reconocimientos
Logo reconocimientoTop 40 Mejores EdTech del mundo · 2024
Logo reconocimientoPrimera Startup Latina admitida en YC · 2014
Logo reconocimientoPrimera Startup EdTech · 2018
Logo reconocimientoCEO Ganador Medalla por la Educación T4 & HP · 2024
Logo reconocimientoCEO Mejor Emprendedor del año · 2024
De LATAM conpara el mundo
YoutubeInstagramLinkedInTikTokFacebookX (Twitter)Threads