La información de esta guía es de carácter educativo, está orientada principalmente a estudiantes y desarrolladores web que se inician en Angular, esta compilación ha sido seleccionada pensando en los aspectos necesarios para los cursos de nivel básico e intermedio, por lo que no abarca en profundidad ninguno de los aspectos mencionados, sólo cubre las características más comunes en ellos.
Si desea obtener más detalles, consulte la documentación oficial de Angular CLI en https://angular.io/cli
ng version
ng v
npm install -g @angular/cli
npm install -g @angular/cli@latest
npm install -g @angular/cli@version
npm uninstall -g @angular/cli
npm cache clean --force
ng help
ng <commando> --help
ng [commando] [argumento] [opciones]
- La mayoría de los comandos y algunas opciones tienen alias.
- Los argumentos no tienen prefijo.
- Los nombres de las opciones tienen como prefijo un guión doble (--).
- Los alias de opción tienen el prefijo de un solo guión (-).
Ejemplo:
ng build my-app -c production
ng build my-app --configuration production
ng b my-app -c production
ng b my-app --configuration production
ng new projectName
ng n projectName
Construye la aplicación y arranca el servidor de desarrollo, observa los archivos y reconstruye la aplicación cada vez que detecta cambios.
ng serve
ng s
ng serve projectName
# Abre el navegador y muestra la aplicación corriendo.
ng serve -o
ng serve --open
# Especifica el puerto a utilizar.
ng serve --port portNumber
Compila una aplicación o biblioteca Angular en un directorio de salida llamado dist/
ng build
ng b
ng build projectName
ng lint
ng lint projectName
ng test
ng t
ng test projectName
El comando generate en Angular CLI es uno de los bloques de construcción básicos de las aplicaciones Angular, hace uso de plantillas llamadas esquemas, que facilitan la creación de diferentes elementos de forma rápida y segura.
ng generate <schematic>
ng g <schematic>
# Obliga a sobreescribir un archivo.
ng generate <schematic> --force
ng generate class [name]
ng generate cl [name]
ng g class [name]
ng g cl [name]
# Omite la creación del archivo "spec.ts" usado para las pruebas unitarias.
ng generate class [name] --skip-tests
ng generate component [name]
ng generate c [name]
ng g component [name]
ng g c [name]
# Omite la creación del archivo "spec.ts" usado para las pruebas unitarias.
ng generate component [name] --skip-tests
ng generate directive [name]
ng generate d [name]
ng g directive [name]
ng g d [name]
# Omite la creación del archivo "spec.ts" usado para las pruebas unitarias.
ng generate directive [name] --skip-tests
ng generate enum [name]
ng generate e [name]
ng g enum [name]
ng g e [name]
ng generate guard [name]
ng generate g [name]
ng g guard [name]
ng g g [name]
# Omite la creación del archivo "spec.ts" usado para las pruebas unitarias.
ng generate guard [name] --skip-tests
ng generate interceptor [name]
ng g interceptor [name]
# Omite la creación del archivo "spec.ts" usado para las pruebas unitarias.
ng generate interceptor [name] --skip-tests
ng generate interface [name]
ng generate i [name]
ng g interface [name]
ng g i [name]
ng generate module [name]
ng generate m [name]
ng g module [name]
ng g m [name]
ng generate pipe [name]
ng generate p [name]
ng g pipe [name]
ng g p [name]
# Omite la creación del archivo "spec.ts" usado para las pruebas unitarias.
ng generate pipe [name] --skip-tests
ng generate service [name]
ng generate s [name]
ng g service [name]
ng g s [name]
# Omite la creación del archivo "spec.ts" usado para las pruebas unitarias.
ng generate service [name] --skip-tests
Fabian A. Becerra M. https://github.com/fabecerram
Code and documentation copyright 2019-2022 the authors. Code released under the MIT License.