33 C
Jaipur
Thursday, May 6, 2021

How to Install Angular CLI on CentOS 8

Must read

Angular is a popular open-source application development framework. It is highly extensible and used for developing mobile and web applications using TypeScript/JavaScript. It is designed for building small to large-scale applications from scratch. It provides an Angular CLI utility to create, manage, build and test Angular applications..

In this post, we will show you how to install Angular (CLI) on CentOS 8.

Prerequisites

  • A server running CentOS 8.
  • A root password is configured on your server.

Install Node.js

In order to install Angular, Node.js must be installed in your server. If not installed, you can install it with the following command:

curl -sL https://rpm.nodesource.com/setup_14.x | bash -
dnf install nodejs -y

Once the installation is completed, verify the installed version of Node.js with the following command:

node --version

Output:

v14.16.1

You can also verify the NPM version using the following command:

npm --version

Output:

6.14.12

Install Angular/CLI

Now, you can install the Angular/CLI by running the following command:

npm install -g @angular/cli

Once installed, verify the installed version of Angular/CLI with the following command:

ng --version

You should get the following output:

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

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)

Create an Application with Angular

Angular/CLI provides an easier way to create and deploy an application in a production and local environment.

To create a new application named hello-world, run the following command:

ng new hello-world

Once the application is created, change the directory to hello-world and launch the application wiht the following command:

cd hello-world
ng serve

You should see the following output:

** 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.

As you can see, your application is started and listening on port 4200 on the locahost.

Press CTRL+C to stop the application.

If you want to launch your application on a specific IP address or port, run the following command:

ng serve --host 0.0.0.0 --port 3000

You should get the following output:

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.

Access Angular Application

At this point, your Angular application is started and listening on port 3000 on all network interfaces. You can now access it using the URL http://your-server-ip:3000. You should see your application in the following page:

Conclusion

Congratulations! you have successfully installed Angular on CentOS 8. You can now start building your first application with Angular and deploy it on the production environment.

Source link

- Advertisement -

More articles

LEAVE A REPLY

Please enter your comment!
Please enter your name here

- Advertisement -

Latest article