En este tutorial, le mostraremos cómo instalar Angular en Ubuntu 20.04 LTS. Para aquellos de ustedes que no lo sabían, Angular es un marco de código abierto de JavaScript que ayuda a desarrollar -página web adecuadas para web/móvil/escritorio. Angular combina plantillas declarativas, inyección de dependencia, herramientas integrales y mejores prácticas integradas para resolver desafíos de desarrollo. Angular permite a los desarrolladores crear aplicaciones que viven en la web, móvil, o escritorio.
Este artículo asume que tiene al menos conocimientos básicos de Linux, sabe cómo usar el shell y, lo que es más importante, aloja su sitio en su propio VPS. La instalación es bastante simple y asume que se están ejecutando en la cuenta raíz, si no, es posible que deba agregar 'sudo ' a los comandos para obtener privilegios de root. Le mostraré la instalación paso a paso de Angular en un Ubuntu 20.04 Focal Fossa. Puede seguir las mismas instrucciones para Ubuntu 18.04, 16.04 y cualquier otra distribución basada en Debian como Linux Mint.
Instalar Angular en Ubuntu 20.04 LTS Focal Fossa
Paso 1. Primero, asegúrese de que todos los paquetes de su sistema estén actualizados ejecutando el siguiente apt comandos en la terminal.
sudo apt update sudo apt upgrade
Paso 2. Instalación de Node.js.
Instala Node.js y npm desde Node Source. Simplemente necesitas agregar el PPA para la versión que deseas instalar:
curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash -
Para instalar, ejecute los siguientes comandos:
sudo apt install nodejs
Luego, actualice la versión de npm a la última versión ejecutando el siguiente comando:
npm install npm@latest -g
Una vez hecho esto, verifique la instalación ejecutando:
node --version npm --version
Paso 3. Instalación de Angular en Ubuntu 20.04.
Ejecute los siguientes comandos para instalar la herramienta Angular CLI en su sistema:
npm install -g @angular/cli
Una vez instalado, verifique la versión instalada de Angular usando el siguiente comando:
$ ng --version
_ _ ____ _ ___
/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|
/ △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | |
/ ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | |
/_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___|
|___/
Angular CLI: 10.1.1
Node: 14.10.1
OS: linux x64
Angular:
...
Ivy Workspace:
Package Version
------------------------------------------------------
@angular-devkit/architect 0.1001.1
@angular-devkit/core 10.2.1
@angular-devkit/schematics 10.2.1
@schematics/angular 10.2.1
@schematics/update 0.1001.2
rxjs 6.6.4 Paso 4. Creación de una nueva aplicación angular.
Ahora que tenemos Angular instalado, podemos crear un andamiaje básico para una nueva aplicación. Usaremos nuestra CLI de Angular recién instalada para lograr esto:
ng new idroot
Primero, cambie al directorio recién creado para nuestra aplicación:
cd idroot ng serve --host your-server-ip --port 8088
Paso 5. Acceso a la interfaz web angular.
El proyecto Angular está implementado y escuchando en el puerto 8088. Puede acceder a él usando la URL http://your-server-ip-address:8088 . Debería ver la siguiente pantalla:
¡Felicitaciones! Ha instalado Angular con éxito. Gracias por usar este tutorial para instalar Angular en el sistema Ubuntu 20.04 LTS Focal Fossa. Para obtener ayuda adicional o información útil, le recomendamos que consulte el sitio web oficial de Angular.