En este artículo que escribió nuestro amigo Pranam Bhat menciona los comandos que más se usan en un proyecto de Angular. Son de gran utilidad, es por eso que los detalla a continuación.
Si tu deseas conocer acerca de la nueva versión de angular te dejo el siguiente blog
Angular es cada vez más moderno y potente, y la versión 16 es sólo el comienzo. Estas son algunas de las cosas interesantes que puedes esperar en esta versión.
TENEMOS WORKSHOP 🎉
1.- Para obtener la versión npm
Comando
npm -v
Respuesta
> 6.14.12
Este comando sirve para consultar la version de npm que tienes instalada
2.- Para obtener la versión de Node
Comando
node -v
Respuesta
> 14.17.1
Este comando sirve para consultar la version de node js que tienes instalada
3.- Para obtener la versión de Angular
Comando
ng v
Respuesta
_ _ ____ _ ___
/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|
/ △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | |
/ ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | |
/_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___|
|___/
Angular CLI: 12.0.5
Node: 14.17.1
Package Manager: npm 6.14.12
OS: win32 x64
Angular:
...
Package Version
------------------------------------------------------
@angular-devkit/architect 0.1200.5 (cli-only)
@angular-devkit/core 12.0.5 (cli-only)
@angular-devkit/schematics 12.0.5 (cli-only)
@schematics/angular 12.0.5 (cli-only)
Este comando sirve para consultar la version de ANGULAR que tienes instalada
4.- Para instalar Angular CLI
Comando
npm install @angular/cli -g
Este comando sirve para instalar angular de manera global en tu equipo
5.- Para instalar la próxima versión de Angular CLI
Comando
npm install @angular/cli@next
Este comando sirve para instalar la versión de angular adelantada
6.- Para obtener ayuda en la terminal
Comando
ng help
Este comando sirve para obtener ayuda sobre el cli de angular
7.- Para crear un nuevo proyecto en Angular
Comando
ng new nuevoproyecto
Este comando sirve para generar un nuevo proyecto de angular
8.- Para omitir dependencias externas al crear un nuevo proyecto
Comando
ng new nuevoproyecto --skip-install
Este comando sirve para iniciar un proyecto nuevo y omitir las despendencias
Curso de Angular para principiantes ⭐⭐⭐⭐⭐
Más de 19.000 estudiantes que ya están aprendiendo Angular de manera divertida y sobre todo con el objetivo de crear un proyecto funcional que les sirve para adquirir el conocimiento básico fundamental. Por otra parte nuestro ejercicio se basa en crear un clon de Spotify por lo cual es un excelente portafolio para conseguir tu trabajo como programador junior en angular. Cada mes estoy generando cupones para brindar la oportunidad a todos los que forman parte de la comunidad de Leifer Mendez y angular en general. (Canjear cupón)
9.- Para ejecutar el proyecto Angular
Comando
ng serve
ng s
Este comando sirve para iniciar tu proyecto en entorno de desarrollo
10.- Para crear un nuevo componente en el Proyecto Angular
Comando
ng generate component nuevoComponente
ng g c nuevoComponente
Este comando sirve para generar un nuevo componenten en angular
11.- Para evitar crear una nueva carpeta mientras crea un nuevo componente
Comando
ng generate component nuevoComponente --flat
Este comando sirve para generar un nuevo componenten en angular y evitar que se cree un nuevo directorio
12.- Para crear una construcción
Comando
ng build
Este comando sirve para compilar tu proyecto para enviar a producción
13.- Para crear una compilación para un entorno específico
Comando
ng build --dev
Este comando sirve para compilar tu proyecto en un entorno especifico
Aprovecho la oportunidad para recomendarte el siguiente curso de programación en Angular
14.- Para ejecutar casos de prueba
Comando
ng test
Este comando sirve para ejecutar los test de angular
15.- Para ejecutar la prueba de un extremo a otro
Comando
ng e2e
Este comando sirve para ejecutar las pruebas end-to-end
16.- Para cambiar el archivo de configuración angular-cli.json
Comando
ng set
Este comando sirve para cambiar las propiedades del angular-cli.json
17.- Para crear una directiva en Angular
Comando
ng generate directive miDirectiva
ng g d miDirectiva
Este comando sirve para generar una directiva
18.- Para crear un servicio en Angular
Comando
ng generate service miServicio
ng g s miServicio
Este comando sirve para generar un servicio
19.- Para crear una clase
Comando
ng generate class miClase
ng g cl miClase
Este comando sirve para generar una clase
20.- Para crear una interfaz
Comando
ng generate interface miInterface
ng g i miInterface
Este comando sirve para generar una interface
21.- Para crear una tubería
Comando
ng generate pipe miPipe
ng g p miPipe
Este comando sirve para generar un filtro (pipe)
22.- Para crear enum
Comando
ng generate enum enumDato
ng g e enumDato
Este comando sirve para generar un tipo enum
23.- Para crear un módulo
Comando
ng generate module miModulo
ng g m miModulo
Este comando sirve para generar un modulo
24.- Para crear un módulo con enrutamiento
Comando
ng generate module miModulo
ng g m miModulo
Este comando sirve para generar un modulo
25.- Para crear un Guard en la ruta
Comando
ng generate guard miVigilante
Este comando sirve para generar un Guard
26.- Para eliminar node_modules
Comando
rm -rf node_modules
Este comando sirve para eliminar la carpeta de node_modules
27.- Para desinstalar Angular CLI
Comando
npm uninstall --save-dev @angular/cli
npm uninstall -g angular/cli @angular/cli
Este comando sirve para desinstalar angular de tu equipo
28.- Para instalar la última versión de Angular CLI
Comando
npm install --save-dev @angular/cli@latest
Este comando sirve para instalar la última version de angular cli
29.- Para actualizar Angular CLI
Comando
ng update @angular/cli
ng update @angular/core
Este comando sirve para actualizar la version de angular
30.- Para limpiar la caché
Comando
npm cache clean
Este comando sirve para limpiar el cache de npm
31.- Para instalar la última versión de TypeScript
Comando
npm install -g typescript@latest
Este comando sirve para instalar la ultima version de TypeScript
32.- Para instalar la última versión de Jasmine / Karma
Comando
npm install -g karma-jasmine@latest
Este comando sirve para instalar la ultima de Jasmine / Karma
33.- Para instalar la versión específica de TypeScript
Comando
npm install typescript@VERSION_NUMBER
Este comando sirve para instalar una version especifica de TypeScript
34.- Para instalar la versión específica de Jasmine
Comando
npm install -g jasmine@VERSION_NUMBER
Este comando sirve para instalar una version especifica de Jasmine
35.- Para instalar la versión específica de Karma
Comando
npm install -g karma@VERSION_NUMBER
Este comando sirve para instalar una version especifica de Karma
¿Qué te parecen estos comandos? ¿Has utilizado todos?
Checa este video, si estás iniciando en el mundo de la programación, esto te puede interesar 🔥⚡