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
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
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.
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
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
Once the new project is created, please open the folder. Then, right-click on any blank space and select the option Open with Code.
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.
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
After a few minutes, the server will be successfully compiled. From now on, just copy this address into your web browser:http://localhost:4200/
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.
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.
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.
