Primero, instalemos elm, en ubuntu sería así:
sudo apt update
sudo apt install nodejs npm -y
sudo npm install -g elm
Para ver si se instaló:
elm --version
Ahora hagamos un nuevo proyecto, en una carpeta vacia pongamos:
elm init
Y nos va a preguntar si queremos crear un archivo elm.json y un directorio src/:
elm.json describe tu proyecto.
src/ contiene todos tus archivos Elm.
Decile que si y metele.
Ahora vamos a crear un archivo llamado src/Main.elm en tu editor y copia el código del ejemplo de los botones.
elm reactor te ayuda a crear proyectos Elm sin tener que modificar demasiado la terminal. Simplemente ejecútalo en la raíz de tu proyecto, así:
elm reactor
Esto inicia un servidor en http://localhost:8000. Puedes navegar a cualquier archivo Elm y ver su aspecto. Ejecuta elm reactor, sigue el enlace localhost e intenta revisar tu archivo src/Main.elm.
Puedes compilar código Elm a HTML o JavaScript con comandos como este:
elm make
# Crea un archivo index.html que puedas abrir en tu navegador.
# Crea un archivo index.html que puedas abrir en tu navegador. elm make src/Main.elm
# Crea un archivo JS optimizado para incrustarlo en un documento HTML personalizado.
elm make src/Main.elm --optimize --output=elm.js
Esta es la forma más general de compilar código Elm. Es extremadamente útil cuando tu proyecto se vuelve demasiado avanzado para Elm Reactor.
elm install
Todos los paquetes de Elm se encuentran en package.elm-lang.org.
Supongamos que buscas y decides que necesitas elm/http y elm/json para realizar algunas solicitudes HTTP. Puedes configurarlos en tu proyecto con los siguientes comandos:
elm install elm/http
elm install elm/json
Esto añade estas dependencias a tu archivo elm.json, haciendo que estos paquetes estén disponibles en tu proyecto. Esto te permitirá importar Http y usar funciones como Http.get en tus programas.
Consejos y trucos:
- Primero, ¡no te preocupes por recordar todo esto!
- Siempre puedes ejecutar elm --help para obtener una descripción completa de las capacidades de Elm.
- También puedes ejecutar comandos como elm make --help y elm repl --help para obtener sugerencias sobre un comando específico. Esto es genial si quieres comprobar qué indicadores están disponibles y qué hacen.
- Segundo, no te preocupes si te lleva un tiempo familiarizarte con la terminal en general.
- Llevo usándola más de una década y todavía no recuerdo cómo comprimir archivos, encontrar todos los archivos de Elm en un directorio, etc. ¡Todavía busco información!
Ahora que tenemos nuestro editor configurado y elm disponible en la terminal, ¡volvamos a aprender Elm!
