Configuración del entorno de desarrollo

5.1 Eligiendo una IDE

Para escribir programas, necesitas escribir programas. Hay cierta lógica en esta cita. Pero para empezar a escribir programas, necesitas instalar una IDE (un programa especial para escribir programas) y crear tu primer proyecto.

Hay muchas opciones de IDE para elegir cuando se aprende desarrollo web. Todas son casi iguales, ya que el código de tu proyecto se ejecutará de todas formas en el navegador 😊

Aquí tienes las 4 más populares:

• Visual Studio Code de Microsoft
• Intellij IDEA Community Edition
• Atom de GitHub
• WebStorm Community Edition ()

Me gusta WebStorm, pero puedes elegir cualquier otro producto sin notar mucha diferencia. A continuación, te muestro capturas de pantalla de algunas etapas clave de configuración de la IDE.

5.2 Descarga de WebStorm

Paso 1. Para instalar WebStorm primero necesitas descargarlo. Busca en Google WebStorm o simplemente sigue el enlace. Allí verás una imagen tan bonita como esta:

Paso 2. Haz clic valientemente en el botón «Descargar», y la descarga comenzará de inmediato. Si todo va bien, verás este mensaje:

Paso 3. El sistema operativo necesario debe detectarse automáticamente. Pero si eso no ocurre, puedes seleccionarlo en esta página — download WebStorm:

5.3 Instalación de WebStorm

Después de descargar la versión necesaria de WebStorm, necesitas instalarlo. Aquí algunos pasos clave:

Paso 1. Ejecuta el instalador — debería aparecer una ventana como esta:

Paso 2. Marca unas cuantas casillas como las mías:

Paso 3. No es necesario reiniciar nada:

5.4 WebStorm para uso no comercial

Si usas estas IDEs para fines no comerciales, como aprendizaje, puedes hacerlo gratis.

1. Inicia WebStorm.
2. Al iniciar, aparecerá una ventana donde puedes elegir la opción de uso no comercial.
3. Inicia sesión en tu cuenta de JetBrains o crea una nueva.
4. Acepta el "Acuerdo de suscripción para uso no comercial de Toolbox".
5. Disfruta desarrollando.

Si ya has comenzado el período de prueba o has activado tu IDE con una licencia de pago, todavía puedes cambiar a una suscripción no comercial siguiendo estos pasos:

1. Para WebStorm, ve a Help | Register.
2. En la ventana que aparece, haz clic en el botón Remove License.
3. Selecciona Non-commercial use (Uso no comercial).
4. Inicia sesión en tu cuenta de JetBrains o crea una nueva.
5. Acepta el "Acuerdo de suscripción para uso no comercial de Toolbox".
6. Disfruta desarrollando.

5.5 Creación del primer proyecto

Después de instalar WebStorm, solo queda iniciarlo y crear el primer proyecto. Sigue las instrucciones:

Paso 1. Inicia WebStorm. Verás una ventana como esta:

Paso 2. Crea un nuevo proyecto — haz clic en el botón New Project.

Luego necesitas:

• Elegir un nombre para tu primer proyecto.
• Especificar una carpeta para tu primer proyecto (campo Location). Si WebStorm sugiere por defecto la carpeta Admin, es mejor cambiarla. Menos problemas después.

Me salió algo así:

Paso 3. Si hiciste todo correctamente, verás esta imagen: