Cómo instalar Angular en Ubuntu 20.04 LTS

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 aplicaciones web de una sola página 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, el móvil o el escritorio.

Este artículo asume que tiene al menos un conocimiento básico 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 se supone que está 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 lo siguiente apt Comandos en la terminal.

                      sudo apt update
sudo apt upgrade
                    

Paso 2. Instalación de Node.js.

Instale Node.js y npm desde Node Source. Simplemente necesita agregar el PPA para la versión que desea instalar:

                      curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash -
                    

Para instalar, ejecute los siguientes comandos:

                      sudo apt install nodejs
                    

A continuación, actualice la versión de npm a la última versión ejecutando el siguiente comando:

                      npm install [email protected] -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 nuestro Angular CLI recién instalado 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 https://your-server-ip-address:8088 . Debería ver la siguiente pantalla:

¡Felicidades! Has 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 .

Related Posts