Cómo configurar un entorno de desarrollo integrado (IDE)

Si está pasando de los tutoriales en línea a la creación de sus propios proyectos, es posible que se sienta abrumado por la idea de configurar su propio entorno de desarrollo integrado (IDE) o se pregunte por qué necesita uno para realizar su trabajo.

En este artículo, voy a hablar de lo que un IDE es y le dará algunas ideas sobre lo que la suya podría ser similar, especialmente si usted está trabajando en JavaScript, aunque la información será aplicable independientemente del idioma o el tipo de proyecto.

Aquí hay una versión en video de esta publicación si lo prefiere (reproducción de 28 minutos):

¿Qué es un entorno de desarrollo integrado?

Un entorno de desarrollo integrado, en pocas palabras, es todo lo que un programador necesita para realizar su trabajo. La composición real de un IDE variará entre lenguajes de programación, tipos de proyectos e incluso entre programadores, pero hay algunas cosas que son comunes entre muchos IDE, que cubriré a continuación.

La forma más sencilla de entender un IDE es considerar una solución "todo en uno" como Unity. Como motor de juego con todas las funciones, Unity tiene todo lo que necesita para crear un juego en 2D o 3D: una GUI que le permite construir su mundo de juego, un editor de código (Visual Studio) donde puede escribir scripts, una forma de descargar dependencias y activos, e incluso la integración de GitHub para que pueda realizar un seguimiento de las versiones de compilación y colaborar en proyectos. Para proyectos más pequeños, Unity puede considerarse como un entorno de desarrollo integrado completamente funcional, donde todo ya está configurado para ti después de descargar el motor del juego.

Otros IDE pueden variar mucho en complejidad, especialmente si viene de un tutorial en línea que le permite codificar directamente en el navegador. Una de mis quejas con respuestas comunes a la pregunta, "¿qué lenguaje de programación debo aprender?" es la noción de que aprender JavaScript es más fácil porque "simplemente se ejecuta en su navegador".

Dígale eso a cualquiera que haya intentado configurar un IDE para la aplicación Create React, que requiere varios componentes para comenzar a funcionar, ninguno de los cuales es evidente cuando trabaja con tutoriales en línea. Para realmente trabajar como desarrollador, necesitará cuatro cosas principales para configurar su entorno de desarrollo integrado: un editor de código, una interfaz de línea de comandos (CLI), un sistema de control de versiones y un administrador de paquetes.

Advertencia importante: su IDE puede variar mucho según el lenguaje de programación o el tipo de proyecto, ¡pero es probable que necesite uno o más de los siguientes en cualquier caso!

Herramienta IDE n. ° 1: editor de código (y compilador)

Una gran cantidad de tutoriales en línea le permiten simplemente codificar en el navegador, lo cual es excelente para comprender los conceptos básicos de programación, pero a la larga, necesitará un editor que le permita guardar su código (y compilarlo, si estás usando un lenguaje como C # o C ++).

Hay muchos editores de código, como Atom (liviano, gratuito y de código abierto), Sublime (súper popular con toneladas de integraciones) y Visual Studio / Visual Studio Code (compatible con Microsoft y es maravilloso trabajar con él) . Sería reductivo decir que son "todos lo mismo", ya que cada uno proporciona un enfoque diferente para respaldar su flujo de trabajo de codificación, por lo que puede probar uno o dos antes de decidir cuál le gusta más.

Herramienta IDE n. ° 2: interfaz de línea de comandos (CLI)

Si tiene una computadora, sin duda ha utilizado su explorador de archivos o alguna otra GUI de navegación para acceder al sistema de archivos, crear carpetas, eliminar archivos, etc.

La interfaz de línea de comandos (CLI) le permite hacer lo mismo ... en texto sin formato. Lo que puede parecer súper arcaico o molesto al principio, pero una vez que se concentre en encadenar comandos juntos e integrarlos en su flujo de trabajo, comenzará a ver el poder de la CLI y lo esencial que es para la mayoría de los entornos de desarrollo.

En Mac, es posible que esté utilizando la Terminal. Debido a que instalé GitHub para Windows (más sobre GitHub a continuación) en mi máquina, uso Git Bash para mi trabajo. Aquí hay varias opciones para usted, y podría ser útil consultar algunos tutoriales de línea de comandos para comprender algunos de los principios básicos para que se sienta cómodo usándolo en su IDE.

Herramienta IDE n. ° 3: sistema de control de versiones

Existen varios recursos que brindan una descripción general de qué es el control de versiones y por qué debería usarlo. Basta decir que cuando esté creando algo que no sea un proyecto simple, necesitará una forma de hacer una copia de seguridad de su trabajo, compartir su código con los colaboradores y realizar un seguimiento de las diferentes versiones de compilación para que pueda jugar con las partes del código base y no otros.

GitHub no es el único sistema de control de versiones que existe, pero es el estándar de oro en este momento, y valdría la pena buscar algunos tutoriales para aprender cómo aprovechar sus características, incluso si solo usa usándolo como método de respaldo remoto.

Además, aunque hay varios complementos para integrar GitHub directamente en su editor de código (o motor de juego), la práctica estándar para realizar tareas relacionadas con Git es utilizar la interfaz de línea de comandos, que proporciona otra razón para dominar la CLI de su elección. .

Herramienta IDE n. ° 4: Administrador de paquetes

Para algunos IDE, como con nuestro ejemplo de Unity anterior, todo lo que necesita hacer es descargar e instalar el software para comenzar a construir sus proyectos. La mayoría de las dependencias que necesitarás se incluirán en tu descarga inicial y, si no es así, habrá una forma de acceder a ellas desde el motor del juego (por ejemplo, la tienda de activos de Unity).

Para otros IDE más para elegir su propia aventura, deberá armar las cosas usted mismo y uno de los componentes esenciales será un administrador de paquetes como NPM o Conda.

Los administradores de paquetes hacen muchas cosas y, en su funcionalidad más básica, lo ayudarán a instalar todas las dependencias que necesitará para realizar su trabajo. Si desea comenzar con un proyecto de React, por ejemplo, navegará a una carpeta a través de su CLI y, después de instalar NPM (que se incluye con Node.js), escriba:

npx create-react-app my-app cd my-app npm start

La primera línea básicamente dice: "¡Oye, NPM! Descarga todas las dependencias para la aplicación Create React y colócalas en una carpeta llamada 'my-app'".

La segunda línea le dice a su CLI: "Navegue hasta el nuevo directorio llamado 'mi-aplicación'".

La tercera línea pone en marcha la acción: "NPM, soy yo de nuevo. Inicie un servidor de desarrollo que muestre mi proyecto en un navegador y lo actualice cada vez que realice cambios en el código".

Una vez que haya instalado todas las dependencias necesarias usando su administrador de paquetes, comenzará a trabajar en su editor de código y a usar la interfaz de línea de comando para realizar solicitudes de extracción o enviar código a un repositorio remoto usando su sistema de control de versiones.

En resumen, un entorno de desarrollo integrado comprende todas las cosas que necesita para realizar su trabajo y varía según el idioma, el tipo de proyecto y sus preferencias personales. Normalmente, los IDE incluyen un editor de código (y compilador), una interfaz de línea de comandos, un sistema de control de versiones y un administrador de paquetes, pero su entorno de desarrollo integrado puede tener diferentes requisitos o una combinación de los mismos.

¡Puedes hacerlo!

Si te gustó este artículo, considera revisar mis juegos y libros, suscribirte a mi canal de YouTube o unirte a Entromancy Discord.

MS Farzan, Ph.D. Ha escrito y trabajado para compañías de videojuegos de alto perfil y sitios web editoriales como Electronic Arts, Perfect World Entertainment, Modus Games y MMORPG.com, y se ha desempeñado como Community Manager para juegos como Dungeons & Dragons Neverwinter y Mass Effect: Andromeda. . Es el director creativo y diseñador principal del juego Entromancy: A Cyberpunk Fantasy RPG y autor de The Nightpath Trilogy . Encuentre a MS Farzan en Twitter @sominator.