Comandos Angular CLI

En esta sección tendremos una breve explicación de cada uno de los comandos que se usaran en este tutorial, algunos comandos extenderé para que notemos los diferentes resultados respecto a los que están en el tutorial.

Inicio de servicio

• ng serve
  Este comando sirve principalmente para iniciar la aplicación, para que podamos visualizarla en un ambiente de desarrollo.
• ng serve --open || ng serve -o
  Al escribir la propiedad open, al terminar la ejecución, abrirá la pagina en el navegador que tengamos configurado por defecto.
• ng serve --port 1 || ng serve -p 1
  Al indicar la propiedad port como 1, tratará de iniciar la aplicación en el puerto 1, básicamente sirve para indicar el puerto por el cual queremos que corra nuestra aplicación Angular.
• ng serve --live-reload true || ng serve -lr true
  Esta propiedad viene por defecto como true, es decir, que una vez inicializada la aplicación web, cualquier cambio que realicemos desde nuestro editor de código, se vera reflejado de inmediato sin necesidad de refrescar la pagina, si por el contrario queremos quitar esta funcionalidad, debemos ejecutar ng serve --live-reload false o ng serve --lr false
• ng serve --ssl
  Este comando sirve para forzar el uso de ssl (url con https).
• Ejemplo
  ng serve -o true -p 9102 -ssl : Este comando inicializa la aplicación con SSL en el puerto 9102 y mostrara automáticamente la aplicación en el navegador configurado por defecto.

Creación de Componentes

• ng generate component example-project
  Genera un nuevo componente en la carpeta en la cual estamos actualmente, es decir, si estamos en /app, creara una carpeta llamada example-project con todos los archivos necesarios para el component, estos archivos por defecto son el de estilos CSS, el de vista HMTL y el typescript propio del componente.

• ng generate component example-project --flat false
  La propiedad FLAT indica si se creara una carpeta o fichero especifico para el nuevo componente, por defecto es TRUE, por esta razon el primer comando crea una carpeta, en caso de modificarlo por FALSE, dejara los archivos en la ubicacion en la que estemos en ese instante.

• ng generate component example-project --export true
  La propiedad EXPORT indica si se creara la configuracion export para el modulo, por defecto el valor es FALSE. 

• ng generate component example-project --inline-template true || ng gnerate component example-project -is true
  La propiedad INLINE-TEMPLATE indica si el codigo de la vista o plantilla se creara en un archivo a parte o si se generara dentro del archivo del componente, por defecto el valor es FALSE, por esta razon, el primer comando genera un archivo separado para la vista, pero si se modifica por TRUE, ya no veremos este archivo cuando se ejecute el comando.

• ng generate component example-project --inline-style true || ng generate component example-project -it true
  La propiedad INLINE-STYLE indica si el codigo del estilo de la plantilla (CSS o SAAS) esta o no incluido en el componente, por defecto el valor es FALSE, por esta razon en el primer comando se crea un archivo para especificar los estilos que seran aplicados a la plantilla, si se modifica por TRUE, el codigo de estilo estara embebido en el archivo del componente.

• ng generate component example-project