Cómo instalar CLI angular en CentOS 8
Angular es un marco de desarrollo de aplicaciones de código abierto popular. Es altamente extensible y se usa para desarrollar aplicaciones móviles y web usando TypeScript/JavaScript. Está diseñado para crear aplicaciones de pequeña a gran escala desde cero. Proporciona una utilidad Angular CLI para crear, administrar, compilar y probar aplicaciones Angular.
En esta publicación, le mostraremos cómo instalar Angular (CLI) en CentOS 8.
Requisitos previos
- Un servidor que ejecuta CentOS 8.
- Una contraseña de root está configurada en su servidor.
Instalar Node.js
Para instalar Angular, Node.js debe estar instalado en su servidor. Si no está instalado, puede instalarlo con el siguiente comando:
curl -sL https://rpm.nodesource.com/setup_14.x | bash - dnf install nodejs -y
Una vez completada la instalación, verifique la versión instalada de Node.js con el siguiente comando:
node --version
Producción:
v14.16.1
También puede verificar la versión de NPM usando el siguiente comando:
npm --version
Producción:
6.14.12
Instalar Angular/CLI
Ahora, puede instalar Angular/CLI ejecutando el siguiente comando:
npm install -g @angular/cli
Una vez instalado, verifique la versión instalada de Angular/CLI con el siguiente comando:
ng --version
Deberías obtener el siguiente resultado:
_ _ ____ _ ___
/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|
/ ? \ | '_ \ / _` | | | | |/ _` | '__| | | | | | |
/ ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | |
/_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___|
|___/
Angular CLI: 11.2.7
Node: 14.16.1
OS: linux x64
Angular:
...
Ivy Workspace:
Package Version
------------------------------------------------------
@angular-devkit/architect 0.1102.7 (cli-only)
@angular-devkit/core 11.2.7 (cli-only)
@angular-devkit/schematics 11.2.7 (cli-only)
@schematics/angular 11.2.7 (cli-only)
@schematics/update 0.1102.7 (cli-only)
Crear una aplicación con Angular
Angular/CLI proporciona una manera más fácil de crear e implementar una aplicación en un entorno local y de producción.
Para crear una nueva aplicación llamada hello-world, ejecute el siguiente comando:
ng new hello-world
Una vez creada la aplicación, cambie el directorio a hello-world e inicie la aplicación con el siguiente comando:
cd hello-world ng serve
Debería ver el siguiente resultado:
** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ ** ? Compiled successfully. ? Browser application bundle generation complete. Initial Chunk Files | Names | Size styles.css | styles | 119 bytes 4 unchanged chunks Build at: 2021-04-07T05:56:55.420Z - Hash: 7af40beb75c73ecdc1c9 - Time: 523ms ? Compiled successfully.
Como puede ver, su aplicación se inicia y escucha en el puerto 4200 en locahost.
Prensa CTRL+C para detener la aplicación.
Si desea iniciar su aplicación en una dirección IP o puerto específico, ejecute el siguiente comando:
ng serve --host 0.0.0.0 --port 3000
Deberías obtener el siguiente resultado:
Initial Chunk Files | Names | Size
vendor.js | vendor | 2.69 MB
polyfills.js | polyfills | 128.74 kB
main.js | main | 56.94 kB
runtime.js | runtime | 6.15 kB
styles.css | styles | 119 bytes
| Initial Total | 2.87 MB
Build at: 2021-04-07T05:58:19.494Z - Hash: d50a7bd2c684713d3b6b - Time: 11348ms
** Angular Live Development Server is listening on 0.0.0.0:3000, open your browser on http://localhost:3000/ **
? Compiled successfully.
Acceder a la aplicación angular
En este punto, su aplicación Angular se inicia y escucha en el puerto 3000 en todas las interfaces de red. Ahora puede acceder a él usando la URL http://su-servidor-ip:3000. Deberías ver tu solicitud en la siguiente página:
Conclusión
¡Felicidades! Ha instalado correctamente Angular en CentOS 8. Ahora puede comenzar a crear su primera aplicación con Angular e implementarla en el entorno de producción.