Como instalar Angular a Fedora 32/31/30

¿Cómo estais? aquí Luis. Os traigo un nuevo post sobre el sistema operativo mas molón. Un placer linuxeros.

angular es marcos de aplicaciones web de código abierto. Realiza un seguimiento de todos los componentes y comprueba periódicamente sus actualizaciones. Este tutorial le ayudará a instalar Angular a los sistemas operativos Fedora 32/31/30/29/28/27. Esto también le ayudará a crear una aplicación Angular de muestra.

Paso 1: instalar Node.js

En primer lugar, debe instalar Node.js en su sistema Fedora. Utilice el siguiente conjunto de comandos para añadir PPA Node.js en su sistema Fedora e instalar los paquetes necesarios.

curl -sL https://rpm.nodesource.com/setup_12.x | sudo -E bash -
sudo yum install nodejs

Asegúrese de que está instalado correctamente Node.js y NPM en su sistema

node --version
npm --version

Paso 2: instale Angular a Fedora

Después de terminar la instalación de Node.js en su sistema. Utilice los siguientes comandos para instalar el módulo CLI Angular mediante el NPM en su sistema.

npm install -g @angular/cli

jAixò instalará la última versión disponible de Angular CLI en su sistema. Para instalar específicos versión angular ejecuta la orden como sigue con el número de versión.

npm install -g @angular/[email protected]6     ## Install Angular 6
npm install -g @angular/[email protected]7     ## Install Angular 7
npm install -g @angular/[email protected]8     ## Install Angular 8
npm install -g @angular/[email protected]9     ## Install Angular 9

Usos del archivo -g La opción de la orden anterior instalará la CLI Angular de forma global. Estará disponible para todos los usuarios y aplicaciones del sistema.

La CLI Angular proporciona una orden ng se utiliza para operaciones de línea de comandos. Una vez finalizada la instalación, utilice la orden ng para comprobar la versión instalada.

ng --version


    /    _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △  | '_  / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ | | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   __| |_|__, |__,_|_|__,_|_|       ____|_____|___|
                |___/


Angular CLI: 9.1.4
Node: 14.2.0
OS: linux x64

Angular:
...
Ivy Workspace:

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.901.4
@angular-devkit/core         9.1.4
@angular-devkit/schematics   9.1.4
@schematics/angular          9.1.4
@schematics/update           0.901.4
rxjs                         6.5.4

Paso 3: cree una nueva aplicación angular

Ahora, cree una nueva aplicación llamada hola-angular mediante las herramientas Angular CLI. Ejecute las órdenes para hacerlo:

ng new hello-angular

salida:

...
...
added 1011 packages from 1041 contributors and audited 19005 packages in 36.281s
found 0 vulnerabilities

    Successfully initialized git.

Esto creará un directorio llamado «hola-angular» en el directorio actual y creará la aplicación.

Paso 4: publique la aplicación angular

La aplicación Angular predeterminada está preparada para publicarse. Cambie el directorio hola-angular y ejecute la aplicación Angular mediante la orden ng serve.

cd hello-angular
ng serve

Puede acceder a su aplicación angular en el puerto local de host 4200, que es el anfitrión y el puerto por defecto que utiliza la aplicación Angular.

También permite cambiar el anfitrión y el puerto para ejecutar la aplicación Angular mediante -Amfitrió y -Puerto argumentos de línea de comandos.

ng serve --host 0.0.0.0 --port 8080

Con el uso del anfitrión 0.0.0.0 escucha en todas las interfaces. Por lo tanto, puede acceder desde la red privada o pública.

Para las aplicaciones de producción, utilice este tutorial para configurar Apache como proxy frontal para la aplicación Angular. Por lo tanto, será accesible para los usuarios finales del puerto predeterminado.

Este Blog lo escribimos para colaborar y servir de referencia a la gente Linux. Esperamos que os guste.

Give a Comment