Share and Learn To Write Code!

Programming articles, which help you to build your application. If something you are stuck to code and complete the program, just find here your question-related articles.

Share with   

How to install angular 8 in the windows operating system.

Here we see how can we install angular 8 in the windows operating system. We need some prerequisites like node.js and npm (Node Package Manager). Please see the complete article on how we can install all this and start for angular programming.
Angular   JS   JS Framework   HTML & CSS  

Angular 8 Installation


To install angular 8 in your windows operating system please be sure you have already install this prerequisites in your operating system.


Prerequisites


Before you begin, make sure your development environment includes Node.js? and an npm package manager.


Node.js


Angular requires a current, active LTS, or maintenance LTS version of Node.js. See the engines key for the specific version requirements in our package.json.

To check your version, run node -v in a terminal/console window.

To install Node.js, go to nodejs.org and download node.js and install on yout operating system.


npm package manager


Angular, the Angular CLI, and Angular apps depend on features and functionality provided by libraries that are available as npm packages. To download and install npm packages, you must have an npm package manager.

This setup guide uses the npm client command line interface, which is installed with Node.js by default.

To check that you have the npm client installed, run npm -v in a terminal/console window.


If You want to see how to install node. Click here


Step 1: Install the Angular CLI


You use the Angular CLI to create projects, generate application and library code, and perform a variety of ongoing development tasks such as testing, bundling, and deployment.

Install the Angular CLI globally.

To install the CLI using npm, open a terminal/console window and enter the following command:

npm install -g @angular/cli


Step 2: Create a workspace and initial application


You develop apps in the context of an Angular workspace.

To create a new workspace and initial starter app:

1) Run the CLI command ng new and provide the name my-app, as shown here:

ng new my-app

2) The ng new command prompts you for information about features to include in the initial app. Accept the defaults by pressing the Enter or Return key.

The Angular CLI installs the necessary Angular npm packages and other dependencies. This can take a few minutes.

The CLI creates a new workspace and a simple Welcome app, ready to run.


Step 3: Run the application


The Angular CLI includes a server, so that you can easily build and serve your app locally.

Go to the workspace folder (my-app).

Launch the server by using the CLI command ng serve, with the --open option.

cd my-app
ng serve --open


The ng serve command launches the server, watches your files, and rebuilds the app as you make changes to those files.

The --open (or just -o) option automatically opens your browser to http://localhost:4200/.


You will see:

Welcome to my-app!


This is followed by Angular Docs


Related Post


Install Node JS in windows machine and set environment path in settings.


How to install bootstrap 4 in angular 9 | 8 | 7 | 6 | 5 | 4


Design custom bootstrap 4 pagination for angular project instead of using 3rd party pagination


How to install @ng-bootstrap to angular cli and uses of @ng-bootstrap


How to use *ngFor, *ngIf and *ngSwitch directive in Angular 9 | 8 | 7 | 6 | 5 | 4


0replies
Leave a reply
49
Registerd Users
92
Total Subscribers
59
Total Articles
60882
Total Views