Comencemos, primero es necesario instalar aurelia-cli, lo cuál es súper simple con el siguiente comando:
$ sudo npm install -g aurelia-cli
Luego, iniciamos el proyecto:
$ au new NombreProyecto
A continuación, la consola de aurelia nos presentará una serie de opciones básicas para utilizar en nuestro proyecto, detallo las elecciones más comunes en la siguiente lista, en el orden dado por aurelia-cli 0.24.0:
- 3 (Custom: para poder elegír las opciones que se adapten mejor a nuestro proyecto)
- 1 (Babel: que permite realizar la transpilación de esnext al javascript tradicional que todos los navegadores entienden)
- 1 (Default: no minimiza los tags de html)
- 3 (Sass: para realizar la compilación de nuestros estilos)
- 1 (Yes: porque realizar tests siempre es necesario, puede parecer que no pero creanme, es necesario)
- X (En la opción de escoger editor cada uno puede escoger el que tenga a la mano, en mi caso me enamoré de WebStorm así que escogere la opción 4)
- 1 (Luego uno para crear la estructura del proyecto)
- 1 (Por último uno nuevamente para que aurelia instale las dependencias que necesitamos para iniciar, de cualquier manera las dependencias pueden instalarse despues utilizando npm install)
Y listo!!! así de simple ya se tiene un proyecto inicial con Aurelia.
Para verificar que todo este funcionando, corremos la aplicación con:
$ au run --watch
La opción watch hace que cualquier cambio que hagamos en el código se vea reflejado en el navegador de manera automática.
Ojo!!!
En caso de que la aplicación no corra, probar con:
$ export NODE_ENV=dev
$ au run --watch
Eso es todo, ahora una imagen con Aurelia en toda su gloria >_< Keep Coding!!!
Aurelia en toda su gloria |
No hay comentarios:
Publicar un comentario