Angular es un popular marco de desarrollo de aplicaciones de código abierto. 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
- Un servidor que ejecuta CentOS 8.
- Se ha configurado una contraseña raíz 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
Salida:
v14.16.1
También puede verificar la versión de NPM usando el siguiente comando:
npm --version
Salida:
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)
Crea 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.
Presiona 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://your-server-ip:3000. Debería ver su 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.