CreandoのセットアップデdesarrolloウェブエヌWindowsコンWSL 2.

Las siglas WSL vienen del inglés "Windows Subsystem for Linux" y básicamente eso es WSL, un subsistema que te permite correr una distribución minificada de un sistema operativo Linux dentro de tu Windows. WSL2, la versión más reciente de WSL funciona con la tecnología Hyper-V, lo cual te permite correr el kernel completo de Linux con un menor consumo de recursos que el que involucraría una maquina virtual convencional.

Con WSL tienes acceso a una consola de comandos bash (o zsh), al sistema de archivos de Linux y a casi todas las herramientas que una distro de Linux podría ofrecerte para desarrollar.

Este paso es completamente opcional pero súper recomendado. Zsh es una shell para sistemas de tipo Unix al igual que bash, pero con un montón de funcionalidades. Básicamente un bash con esteroides. Con Zsh y Oh-my-zsh podrás correr todos los comandos que usas en bash normalmente pero además podrás agregarle un montón de plugins, temas y funcionalidades, lo que hará subir de nivel tu experiencia con la terminal.

Para instalar Zsh y Oh-My-Zsh debes correr los siguientes comandos en la terminal:

$ sudo apt install zsh
$ sh -c "$(curl -fsSL https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"

Se te preguntará si quieres correr Zsh por defecto a lo que debes responder que sí. Luego de eso podrás reiniciar tu terminal y automáticamente estarás corriendo en Zsh en vez de bash.

Igual que en bash, en zsh deberás tocar el archivo de configuración para que este inicie en el home de Ubuntu, para esto tendrás que correr en la terminal el comando nano ~/.zshrc y agregar nuevamente una fila que diga cd ~ al final del archivo, guarda con [Control + O] y al reiniciar la terminal deberías estar en el home de Ubuntu.

Desde el archivo de configuración de Zsh podrás también seleccionar el tema y los plugins que quieras tener. Yo personalmente uso:

La forma más fácil de instalar alguna versión de Node.js es a través de NVM que es un manejador de versiones para Node, con el cual podrás descargar e instalar varias versiones de Node y saltar entre ellas.

Para descargar la última versión de Node estable deberás descargar NVM he instalar la version latest desde allí:

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.36.0/install.sh | bash
nvm install node # esto descargara la ultima versión estable

Si por el contrario quieres descargar una versión especifica, como la 6.14.4 puedes correr:

nvm install 6.14.4 # o 10.10.0, 8.9.1, etc

Luego de esto podrás correr node --version y npm --version para chequear que tu versión de Node y NPM se hayan instalado correctamente.

Muchas veces NVM no carga por defecto al abrir la consola de Zsh, esto se puede solucionar con un plugin de Oh-my-zsh llamado zsh-nvm. Para instalarlo basta con abrir el archivo de configuración de zsh haciendo nano ~/.zshrc y buscando la fila de plugins, que debería verse así: plugins=(git) , debes agregar el nombre del plugin a instalar (en nuestro caso zsh-nvm) al lado de los ya listados.

plugins=(git zsh-nvm)

Al guardar y reiniciar la terminal, NVM, Node y NPM deberían funcionar correctamente.

Para este caso y por norma general recomiendo usar Visual Studio Code como editor de código, es un editor liviano y al mismo tiempo lo suficientemente potente para la mayoría de las tareas de desarrollo, además es bastante personalizable.

Si completaste todos los pasos ya tendrás listo tu entorno de desarrollo hibrido dentro de Windows, con el cual podrás realizar la mayoría de tareas de programación sin extrañar los SO's de tipo Unix.

Con este setup no espero convencer a los usuarios fieles de Linux que se cambien a Windows ni mucho menos. Linux sigue teniendo un montón de características especiales que al día de hoy no son alcanzables con Windows. Sin embargo espero que esta guía sirva como opción para aquellas personas que quieran adentrarse en el mundo del desarrollo web y por alguna razón no puedan (o no quieran) cambiarse a Linux.

Este es el setup que al día de hoy utilizo para desarrollar y trabajar en frontend, principalmente con React, y me ha funcionado bastante bien, por tanto recomiendo que le den una probada si no están listos para cambiarse definitivamente a Linux o a Apple.

A esta guía pienso sumarle otro post explicando cómo levantar tus contenedores de Docker desde WSL en Windows con Docker Desktop, estén atentos que al subirlo agregaré un link desde acá.