Manual de Instalación Angular

Descargar como pdf o txt
Descargar como pdf o txt
Está en la página 1de 8

DATOS INFORMATIVOS:

CARRERA: Desarrollo de Software PERIODO LECTIVO: 2021 – 2022


MATERIA: Programación Visual
PARALELO: A PERÍODO ACADÉMICO: Tercero
NOMBRES: David Bermeo
FECHA: 31-07-2022

Manual de Instalación de Framework Angular

Para empezar a utilizar Angular, primero debemos tener en cuenta que necesitamos de Node.js.

Una vez que tengamos ya la aplicación, podemos servirnos de obtener observar qué versión se tiene del
mismo, digitalizando el siguiente código en el cmd:

Node --version
A continuación vamos a actualizar el npm “el angular click” o el gestor de paquetes del node
Para que se nos descarguen las dependencias más actuales del Angular
Digitando el siguiente código:

npm install –g npm@latest

Si algún momento ya hemos usado Angular en versiones anteriores, es necesario usar este comando con el
fin de limpiar la caché, para volverlos a usar sin tener que volverlos a descargar.

Al usar este comando descargamos los paquetes nuevos de angular, haciendo que instale siempre lo más
actual.

A continuación, procederemos a ingresar el siguiente código

npm cache clean –force

También podemos desactivar las auditorías de npm para que en la instalación no se tenga fallos, ya que
aveces cuando nos descargamos los paquetes de cualquier framework, ya son seguros, así que los podemos
desactivar

npm set audit false


Este código nos sirve para desinstalar versiones anteriores de angular, antes de proceder con instalar la
nueva.

npm uninstall -g angular-cli


npm uninstall -g @angular/cli

También podemos borrar la caché para limpiar los paquetes más antiguos

npm cache clean --force


A continuación
Este código nos permitirá instalar la última versión de Angular:

npm install –g @angular/cli@latest

A continuación procederemos con la instalación del XAMPP, que es el servidor de aplicaciones, debido a que
crearemos el proyecto dentro de Apache

Una vez instalado el XAMPP, crearemos nuestro proyecto dentro de htdocs, en el directorio en el cual se
instaló la aplicación
El comando ls nos sirve para mostrar el contenido de las carpetas, de esta manera al ponerlo sin tener
contenido en ella, no nos reflejará nada

A continuación, crearemos un nuevo proyecto de Angular, insertando el siguiente código:

ng new

Le damos en No al momento que nos pregunta si deseamos cambiar las configuraciones e


Ingresamos el nombre del Proyecto y le ingresamos la letra “N” que representa una orden negativa

Una vez que ponemos no, nos mostrará varios estilos de formatos que preferamos usar, en este caso
seleccionaremos el que viene por defecto, que es CSS, y se empezará a configurar:
Una vez que hayamos realizado estos pasos, nos dirigiremos hacia el visual studio code

Abrimos la carpeta que creamos, abrimos una nueva terminal e ingresamos el comando
ng serve

Una vez que hayamos colocado el código, podemos dirigirnos hacia la página del localhost
Y de esta manera, ya tenemos el proyecto levantado

También podría gustarte