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.

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.

Google Docs

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

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