14 C
Texas

How to install Angular on Windows 10.

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
- Advertisement -

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.

- Advertisement -
Everything Linux, A.I, IT News, DataOps, Open Source and more delivered right to you.
Subscribe
"The best Linux newsletter on the web"

LEAVE A REPLY

Please enter your comment!
Please enter your name here



Latest article