Angular CLI Tips and Tricks

William Bastidas
Jul 27 · 3 min read
Image for post
Image for post

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)

Image for post
Image for post

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

Image for post
Image for post

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

Image for post
Image for post

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

Image for post
Image for post

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

Image for post
Image for post

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

Image for post
Image for post

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…

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.

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.

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store