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 🎉

WORKSHOP ¡Cambia tu forma de ver el frontend! Descubre las nuevas herramientas y técnicas de desarrollo web”
Hola ✌️ estaré preparando un workshop abarcaré temas de gran interés como lo es a las nuevas formas en las que se está orientando el frontend. ⚠️ Tiene sorpresas 🥳Pre-regritrate y serás de los primeros en enterarte.

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)
Curso de Angular 2022 Gratis para juniors ⭐⭐⭐⭐⭐

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

CPU
1 vCPU
MEMORIA
1 GB
ALMACENAMIENTO
10 GB
TRANSFERENCIA
1 TB
PRECIO
$ 4 mes
Para obtener el servidor GRATIS debes de escribir el cupon "LEIFER"

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 🔥⚡

Acceder a plataforma