domingo, 8 de enero de 2017

Crear proyecto con AureliaJS

Hola de nuevo!!!, ahora crearemos un proyecto con AureliaJS, un framework para frontend que en mi opinión es mejor y más simple de utilizar que Angular (cada quien tiene sus gustos!!! jeje).

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