Aquellos que están en desarrollo ya conocerán Angular, que es un marco de código abierto creado para desarrollar aplicaciones web dinámicas. Está desarrollado por Google y es de naturaleza multiplataforma. Bueno, wYa sea que sea un desarrollador experimentado o esté comenzando con Angular, el primer paso es instalarlo. Entonces, en esta guía, le proporcionaremos los comandos que puede usar para instalar Angular en Windows 10 u 11 tal como lo hacemos en los sistemas Linux.
¿Pero por qué usar Angular?
Antes de sumergirnos en el proceso de instalación, conozcamos rápidamente algunos de los beneficios de usar Angular, por lo que vale la pena considerarlo para el desarrollo web. Angular ofrece un marco robusto y estructurado para crear aplicaciones web modernas. Es conocido por:
- Su arquitectura basada en componentes le permite crear y mantener aplicaciones complejas con facilidad.
- Las aplicaciones web creadas con Angular funcionan a la perfección en varias plataformas y dispositivos.
- Angular optimiza su aplicación para un mejor rendimiento, haciendo que se cargue rápidamente y se ejecute sin problemas.
- Comunidad activa, disponibilidad de amplios recursos, tutoriales y soporte para el desarrollo Angular.
Paso 1. Abra PowerShell o CMD como administrador
Aquí usamos PowerShell, pero también puedes usar el símbolo del sistema porque los pasos serán los mismos en ambos. Sin embargo, asegúrese de acceder a ellos como administrador porque necesitamos derechos de superusuario para instalar aplicaciones usando la línea de comando.
Sin embargo, para dar una idea, simplemente haga clic en el icono de Windows.comenzary busque PowerShell o CMD, luego haga clic en la opción – “Ejecutar como administrador“
Paso 2. Verifique Winget disponible
En todos los Windows 11, incluida la última versión de Windows 10, los usuarios tendrán el administrador de paquetes de Microsoft llamadoala. Sin embargo, para confirmar su presencia en su sistema, escriba el comando proporcionado después de abrir Powershell o CMD.
winget -v
Verá la versión actual del administrador de paquetes en el resultado, confirmando que está disponible para su uso.
Paso 3. Instale Node.js y NPM
Primero, necesitamos tener Node.js y su administrador de paquetes NPM (Node Package Manager) en nuestro sistema Windows 10 u 11. Necesitamos NPM no solo para instalar Angular sino también para obtener las herramientas que necesitamos para crear nuestras aplicaciones web.
Entonces, usando su Winget, instale Nodejs con ese NPM que estará en su sistema automáticamente. La última versión de Node era la 20 mientras escribíamos este artículo, pero Angular solo admite la versión LTS, por lo que optamos por la versión 18.x de Node.js.
winget install OpenJS.NodeJS.LTS
Espere unos segundos, el sistema configurará este entorno de ejecución de JavaScript por usted.
Ahora, cierre su terminal de comando o PowerShell y ábralo nuevamente, para que el sistema pueda reconocer las herramientas de comando Node y NPM. Para verificar la versión de Node y NPM instalados, puede usar:
node -v
npm -v
Además, es fundamental mantener las cosas actualizadas. puedes actualizarnpmejecutando el siguiente comando en su terminal:
npm install -g npm@latest
Paso 4. Instalación de Angular CLI en Windows 10 u 11
Angular CLI (interfaz de línea de comandos) en Windows simplifica el proceso de creación, construcción e implementación de aplicaciones Angular. Para instalarlo, sigue estos pasos:
Ya tendrías el símbolo del sistema de Windows o PowerShell con privilegios de administrador. Por lo tanto, simplemente ejecute el siguiente comando para instalar Angular CLI globalmente:
npm install -g @angular/cliUna vez que se completa la instalación, puede verificar la instalación verificando la versión de Angular CLI:
Sin embargo, antes de verificar la versión de Angular, habilite la ejecución de scripts de PowerShell, que está deshabilitada de forma predeterminada. Sin ti sería capaz de correrdecomandos de herramientas. Entonces, ejecuta:
Set-ExecutionPolicy -Scope CurrentUser -ExecutionPolicy RemoteSignedPrensaYy golpea elIngresarllave.
Después de esa carrera:
ng versionDebería ver la versión de Angular CLI que ha instalado.
Nota: Si no encuentra el comando, cierre y abra PowerShell o CMD nuevamente.
Paso 5. Creando tu primer proyecto angular
Ahora que tenemos Angular CLI instalada en nuestro sistema Windows 11 o 10, es hora de comenzar con el paso inicial y creemos un simpleProyecto angular para entender cómo funciona.
Cree un directorio donde desee guardar su archivo de proyecto Angular, digamos:Mi aplicación
mkdir myapp
Ahora cambia a estodirectorio usando elcdcomando en su terminal.
cd myapp
Ejecute el siguiente comando para generar un nuevo proyecto Angular:
ng new my-first-app
Reemplazar "mi-primera-aplicación”con el nombre del proyecto que desee.
Angular CLI le pedirá que elija algunas opciones de configuración para su proyecto. Puede elegir las opciones predeterminadas por ahora presionando el botónIngresarllave.
Una vez generado el proyecto, navegue a la carpeta del proyecto:
cd my-first-app
Finalmente, inicie el servidor de desarrollo Angular ejecutando:
ng serve
Esto compilará su aplicación Angular y la pondrá a disposición para su vista previa enhttps://localhost:4200/. Abra su navegador y señale eso.
6. Desinstalación (opcional)
En caso de que después de un tiempo desee eliminar Angular de su Windows usando Powershell o terminal CMD, estos son los comandos a seguir:
Para eliminar solo Angular:
npm remove -g @angular/cli
Para eliminar Nodejs y NPM:
winget uninstall OpenJS.NodeJS.LTS
Conclusión
De esta forma, podemos utilizar fácilmente el símbolo del sistema de Windows 10 u 11 no sólo para instalar Angular sino también para crear proyectos y gestionarlos. Este marco de código abierto es bastante poderoso para construiraplicaciones web modernas y con la instalación y configuración adecuadas, estará en camino de convertirse en un desarrollador de Angular.
Otros artículos:
