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 min
  • 2
    Qué es un navegador web

    Qué es un navegador web

    07:31 min
  • 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 min
  • 4
    Instalando Firefox, Chrome y usando sus DevTools

    Instalando Firefox, Chrome y usando sus DevTools

    11:53 min

Editor de texto

  • 5
    Editor de texto: instalando el tuyo

    Editor de texto: instalando el tuyo

    Viendo ahora
  • 6
    Extensiones y personalización de Visual Studio Code

    Extensiones y personalización de Visual Studio Code

    11:04 min
  • 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 min

Linux dentro de Windows

  • 8
    ¿Qué es Windows Subsystem for Linux?

    ¿Qué es Windows Subsystem for Linux?

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

    Instalación de Windows Subsystem for Linux

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

    Configuración de Ubuntu en WSL

    15:41 min
  • 11

    Instalación de VirtualBox

    01:01 min
  • 12

    Instalando Ubuntu en una máquina virtual

    01:52 min
  • 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 min
  • 14
    Cómo configurar tu primer proyecto en React.js

    Cómo configurar tu primer proyecto en React.js

    09:53 min

Git y Github

  • 15
    Instalando Git

    Instalando Git

    09:22 min
  • 16
    Vinculando nuestra llave SSH en Github

    Vinculando nuestra llave SSH en Github

    09:14 min
  • 17
    Subiendo nuestro primer repositorio

    Subiendo nuestro primer repositorio

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

    ¿Qué es lo que sigue?

    04:40 min
  • Tomar el examen del curso
    • 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