Angular CLI Tips and Tricks

William Bastidas
Jul 27, 2020 · 3 min read

Angular CLI o Interfaz de línea de comando

Dentro del ecosistema de Angular hay una herramienta llamada “Angular CLI” (Command Line Interface), fundamental para el trabajo con el framework.

Angular CLI no es una herramienta de terceros, sino del propio equipo de Angular y nos facilita mucho el proceso de inicio de cualquier aplicación con Angular, ya que en pocos minutos nos ofrece el esqueleto de archivos y carpetas que vamos a necesitar, junto con una cantidad de herramientas ya configuradas.

Esta es una publicación rápida para mostrar 6 consejos y/o trucos para ser más productivo con Angular CLI.

ng help: Ofrece un listado de toda la ayuda asociada al comando ‘ng’ (esto es una alternativa a la información que esta en el sitio web)

ng help

2. -s: Nos permite incluir los estilos css en linea en el .ts, sin tener que crear un archivo de estilos externo.

ng g c pages/home -s

3. -t: Nos permite incluir los el template html en linea en el .ts, sin tener que crear un archivo externo.

ng g c home -t

4. skipTests: Nos permite crear el componente sin el archivo de pruebas.

ng g c home --skipTests

5. flat: Nos permite crear los nuevos archivos en el nivel superior del proyecto actual (sin carpeta).

 ng g c --flat

6. dry-run: Nos permite ejecutar un comando solo para hacer una simulación y ver que hace el mismo sin realizar los cambios.

ng g c -d

Conclusión

Existen muchas opciones que se pueden agregar (no solamente al comando “ng g”), se pueden hacer combinaciones de todas las opciones y es posible ver la ayuda correspondiente a cada comando dentro del angular cli agregando el comando “--help”.

¿Hay algún comando del angular CLI que uses y no he comentado? Anímate a dejar un comentario.

Te ha gustado el Post? o crees que hay algo pueda mejorar? no dudes en dejarlo en los comentarios!. Puedes estar en contacto conmigo en mis cuentas de Twitter, facebook y LinkedIn.☺

¡Compártelo!

Siéntete libre de compartir 😄 Y recuerda que puedes aplaudir más de una vez!

williambastidasblog

Always in Learning mode…

williambastidasblog

Mi cuardeno de anotaciones, donde intento compartir experiencias de desarrollo, experimentos e interactuar con la comunidad.

William Bastidas

Written by

Developer | Web | Mobile | Ionic | TypeScript | JavaScript | Angular | UI | UX | Git | Html | CSS | Agile | Frontend | PWA. Always in Learning mode…

williambastidasblog

Mi cuardeno de anotaciones, donde intento compartir experiencias de desarrollo, experimentos e interactuar con la comunidad.