EBAC Logotipo
Menú

1.5 Conoce extensiones de archivos, editores de código e IDEs

Identificar, instalar y utilizar herramientas para escribir código de forma eficiente. También aprenderán sobre los formatos y extensiones más comunes en programación.

1. ¿Qué es un editor de código?

Un editor de código es un programa donde escribimos el código que luego se ejecutará en una aplicación o sistema.


  1. Permiten resaltar sintaxis
  2. Ayudan a detectar errores
  3. Son más ligeros que un IDE


Ejemplos populares:

  1. Visual Studio Code
  2. Sublime Text
  3. Cursor
  4. Atom (en desuso, pero histórico)
  5. Notepad++ (Windows)

2. ¿Qué es un IDE?

IDE (Entorno de Desarrollo Integrado): herramienta más completa que incluye editor, consola, debugger, gestor de proyectos, etc.


Ideal para proyectos grandes o específicos (Java, Python, etc.)


Ejemplos de IDEs:

  1. IntelliJ IDEA (Java)
  2. PyCharm (Python)
  3. Eclipse (Java, C++)
  4. Android Studio (apps móviles)
  5. Visual Studio (.NET, C#)


3. Diferencias entre editores e IDE's

Aunque se puede hacer practicamente lo mismo en cualquiera de los 2 tipos de aplicaciones, tienen diferencias notables que se vuelven evidentes mayormente en cuestiones de performance:


Característica

Editor de Código

IDE

Peso

Ligero

Pesado

Velocidad

Rápido

Más lento

Funcionalidades

Básicas

Completas (debug, build)

Ideal para

Iniciar, proyectos simples

Proyectos complejos


4. Formatos y extensiones de archivo

Extensiones más comunes:

  1. .html → estructura de páginas web
  2. .css → estilos
  3. .js → JavaScript
  4. .py → Python
  5. .java → Java
  6. .rb → Ruby
  7. .json → datos estructurados
  8. .md → Markdown (documentación)


Es importante elegir bien el formato porque:

  1. Define cómo se interpreta el archivo
  2. Afecta la visualización del contenido
  3. Ayuda a los editores/IDEs a ofrecer sugerencias


5. Cómo trabajar con archivos en VSCode

En VS Code puedes abrir un archivo o una carpeta completa como proyecto. Al abrir archivos .py, .html, .css o .js, el editor activa herramientas específicas para cada lenguaje.


Puedes instalar extensiones que agregan funciones como ejecución de código, vista previa en vivo para HTML y validación de estilos en CSS.


Todo tu proyecto puede gestionarse desde una sola ventana.

6. Materiales y recursos adicionales

Aquí tienes una lista con recursos oficiales para profundizar más o resolver dudas cuando te aparezcan:


  1. Documentación de Python
  2. Guía oficial de instalación de Python
  3. Documentación de HTML
  4. Documentación de CSS
  5. Documentación de JavaScript
  6. Sitio oficial de Visual Studio Code
  7. Guía de instalación de VS Code


Estos enlaces son confiables, están actualizados y te van a acompañar durante todo tu proceso de aprendizaje.


No necesitas aprender todo ahora, pero tenlos a mano para cuando los necesites.