Angular: 35 comandos que te ayudarán en tus proyectos

· 4 min de lectura
Angular: 35 comandos que te ayudarán en tus proyectos

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.

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

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

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

Artículos Relacionados

¿Usar Angular en 2021?
· 2 min de lectura
Angular y JWT: Descubre datos importantes
· 2 min de lectura
Curso ANGULAR 2021 desde cero
· 1 min de lectura
E-commerce
· 2 min de lectura