How to install Angular on Windows 10.

Windows Articles

Learn about the Ramnit threat and how to remove it from Windows 10.

Hello! There are computer security threats that can appear spontaneously. But, then they may not last long. On the other hand, malware...

How to get the Nextcloud desktop client on Linux?

Hello friends. We already know how to install a Nextcloud server but now the client is missing. So in this post, you...

How to Backup your call and SMS history in Android

Many times we find ourselves in the situation of having to change our phone, for different reasons, and one of the questions...

Install and configure Apache Guacamole on Debian 10

Hello, friends in this post, you will learn how to install and configure Apache Guacamole in Debian 10. It will be a...

Ubuntu 20.10 available

The new version of Ubuntu is now available, under the code name "groovy gorilla". Ubuntu 20.10 focuses on improving and refining the...

Hi, how are you? This time we’ll talk a little bit about Angular. This is a JavaScript development framework created by Google. In addition, it is developed in TypeScript and is open source. Its goal is to enhance browser-based applications with Model View Controller (MVC) capability. Consequently, it makes development and testing easier. On the other hand, it aims to facilitate the development of SPA web applications. It also provides tools to work with the elements of a web in a simpler and more optimal way. Well, in this post we will see how to install Angular on Windows 10.

Prerequisites.

Angular is installed by means of NPM. This is the Node.js package manager. Therefore, it is imperative to have Node.js installed, please review this tutorial. On the other hand, an editor is needed. In this case, we will use Visual Code. To know how to install it, please check this article.

Installing NPM

As mentioned above, it is necessary to install NPM. With this intention, please open a CMD as administrator and run the following command:

 npm install -g npm 
Installing NPM
Installing NPM

This will install the package manager in Javascript. Also, with the syntax used, the installation was done on the whole computer. In other words, the manager can be run from any console.

Installing Angular

Once NPM is installed, all that remains is to install Angular. With this in mind, from a CMD with administrative privileges, run this command:

 npm install -g @angular/cli 
Installing Angular
Installing Angular

Create a folder to save your projects.

The next step is to create a new folder, to save the projects. This folder can be created in any location. You can also assign any name to it. In this case, I will create the folder with the name myprojects in the documents folder.

Create a folder for your projects
Create a folder for your projects

Creating a new project with Angular.

After installing Angular and creating the new folder, it is time to create the first project. With this in mind open a Command Prompt as an administrator. Then copy the folder location. In this case, go to that address using the cd command:

cd C:\Users\coolr\Documents\myprojects
Got to the protect folder
Got to the protect folder

Then run the command ng new, accompanied by the name assigned to the project. In this case, I will use the name osradar. The final result will be like this:

 ng new osradar

Press Enter and the installation will begin. Immediately the wizard will ask if you want to add the path. This is especially useful for running the app from any CMD. Next, you will be asked for the stylesheet. If you are not sure, leave the default option: CSS

Creating the first project in Angular
Creating the first project in Angular

Once the new project is created, please open the folder. Then, right-click on any blank space and select the option Open with Code.

Editing the project
Editing the project

After launching Visual Code, you can start editing the project. With this in mind, you can click on any element in the left column of the program.

Editing the project with Visual Code
Editing the project with Visual Code

Launching the server.

Finally, we will start the server with the project. At the end of the day, this is the most interesting thing about how to install Angular on Windows 10. To do this, please open a CMD as administrator from the location of the created project. Forthwith, run the following command:

ng serve
Launch the server
Launch the server

After a few minutes, the server will be successfully compiled. From now on, just copy this address into your web browser:http://localhost:4200/

Successfully running angular app
Successfully running angular app

On the other hand, any changes made to the project from the editor will be reflected in the web browser. Additionally, another method to start the server is from Visual Code. To do so, please right click on src and select the Open in terminal option.

Launching a terminal within Visual Code Editor.
Launching a terminal within Visual Code Editor.

Consequently, a terminal will be opened. Now just add the same command as before. Please wait for it to compile, and open the address in the web browser.

Starting the server from Visual Code Editor.
Starting the server from Visual Code Editor.

Conclusion

Ultimately, we have seen how to install Angular on Windows 10. More and more companies are looking for experts in this framework. So from now on, you can start using it. All right, that’s it for now. Please share this post on your social networks.

More articles

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Latest article

Learn about the Ramnit threat and how to remove it from Windows 10.

Hello! There are computer security threats that can appear spontaneously. But, then they may not last long. On the other hand, malware...

How to get the Nextcloud desktop client on Linux?

Hello friends. We already know how to install a Nextcloud server but now the client is missing. So in this post, you...

How to Backup your call and SMS history in Android

Many times we find ourselves in the situation of having to change our phone, for different reasons, and one of the questions...

Install and configure Apache Guacamole on Debian 10

Hello, friends in this post, you will learn how to install and configure Apache Guacamole in Debian 10. It will be a...

Ubuntu 20.10 available

The new version of Ubuntu is now available, under the code name "groovy gorilla". Ubuntu 20.10 focuses on improving and refining the...
x