Console Cheat Sheet para Ionic Framework y MEAN Stack

Como material extra para mis alumnos del curso de Desarrollo de apps híbridas con Ionic Framework y MEAN Stack de Ecudevs decidí escribir este pequeño artículo donde voy a explicar un poco acerca de los comandos más comunes que vas a tener que ingresar por consola cuando trabajas con estas tecnologías. Vamos allá.

npm

A través de esta herramienta pasa una importante parte del flujo de trabajo que implica el desarrollo de aplicaciones en JavaScript, desde instalar dependencias para nuestro proyecto o instalarlas de forma global, siempre vas a llegar a un punto donde debas usarla.

Para crear un nuevo proyecto:

npm init

Para instalar las dependencias de nuestro proyecto:

npm install

Para instalar dependencias en nuestro proyecto e instalarlas de manera global:

npm install express
-- o
npm i express
npm install -g @angular/cli
-- o
npm i -g @angular/cli

De la misma manera para desinstalar dependencias en nuestro proyecto y desinstalarlas de manera global:

npm uninstall express
npm uninstall -g @angular/cli

Para ejecutar nuestros npm scripts:

npm run nombre-de-script

Más información en la documentación oficial.

ng

Y como por supuesto vamos a usar Angular, lo haremos mediante su potente cli.

Para generar un nuevo proyecto y luego ejecutarlo:

ng new nuevo-proyecto
cd nuevo-proyecto
ng serve

Para generar las distintas herramientas que nos brinda este framework:

ng generate component mi-componente
ng g service mi-servicio
ng generate directive mi-directiva
ng generate pipe mi-pipe
ng generate module mi-module
ng generate class mi-clase

Para generar los archivos a JavaScript:

ng build

Para generar el build para producción:

ng build --aot --prod

Más información en la documentación oficial.

ionic

Y aunque Ionic sea practicamente Angular, esta tecnología nos da su propia herramienta en la consola de comandos.

Para crear una nueva aplicación de ionic o crerla bajo un template:

ionic start mi-app
ionic start mi-app tabs
ionic start mi-app blank
ionic start mi-app sidemenu

Para ejecutar nuestro proyecto en el navegador:

ionic serve
ionic serve --lab

Para generar las herramientas que proporciona Ionic:

ionic generate component mi-componente
ionic generate directive mi-directiva
ionic generate page mi-pagina
ionic generate pipe mi-pipe
ionic generate provider mi-privider
ionic generate page mi-pagina-sin-modulo --no-module

Para ejecutar nuestro proyecto en una máquina virutal de android o ios:

ionic cordova run android -lc
ionic cordova run ios -lc

Para agregar una plataforma y generar apk para producción:

ionic cordova platform add android
ionic cordova platform add ios
ionic cordova build ios --prod --release
ionic cordova build android --prod --release

Más información en la documentación oficial.

pm2

Aunque no lo vimos en el curso, se lo mencionó, y es que pm2 se convierte en una herramienta muy esencial al momento de poner nuestra aplicación de NodeJs en producción.

Pm2 va a ejecutar nuestra aplicación de la misma manera que hace el comando node o nodemon en el caso de que lo tengas instalado, con la gran diferencia de que nuestra aplicación va a funcionar como un servicio de nuestro sistema operativo con el fin de que cuando suceda un error, esta se reinicie y siga funcionando.

Para ejecutar nuestra aplicación como servicio:

pm2 start app.js
pm2 start app.js --name nombre-web

Para configurar que nuestra aplicación se ejecute cuando se reinicie el sistema operativo:

pm2 startup

Para listar todos los servicios en ejecución:

pm2 ls

Para parar, eliminar, reiniciar nuestro servicio:

pm2 stop
pm2 delete
pm2 restart

Más información en la documentación oficial.