Angular: a command-line interface for Angular

Angular is a Javascript framework for creating the front end side using the MVC pattern. It was created in 2009 by Google and is becoming more and more popular. Thanks to Angular we will be able to speed up the work from the front end using a lot of Javascript functionalities perfectly organized. Its methodology is the SPA, i.e. single page application.

On the other hand, Angular is being widely used in a new stack called MEAN (MongoDB, ExpressJS, Angular and NodeJS) where you can create other types of web applications.

In order to have a tool to manage Angular better, it is that AngularCLI arises. Angular is a command-line interface for Angular, with it, we can create an application that already works, right out of the box.

So, if you use Angular or you want to learn about it, you have to install Angular.

Install Angular on Ubuntu 20.04 / Debian 10

AngularCLI requires for its operation that the system has NodeJS installed. So the first step is to install it. I recommend you to read our post about it:

How to install NodeJS on Debian 10?

How to install NodeJS on Ubuntu 20.04?

After it is correctly installed, we can install it using npm. So, you have to install it too.

:~$ sudo apt install npm

To do so, just use the following command:

:~$ sudo npm install -g @angular/cli

Then, create a new project using this tool:

:~$ ng new example-project

Now, you have to choose the slytesheet format.

This will create a new folder called example-project. Of course, you can change the name of the project. Access it and serve the project.

:~$ cd example-project 
:~$ ng serve 

This will make the application available at http://localhost:4200. Remember that this port has to be available in the firewall.

However, we can change those parameters and specify a port and a host.

:~$ ng serve --host [host_ip] --port [port]

When you open the browser and access your project, you will see the following:

So, Angular is ready to be used.

Conclusion

Developers need tools to help speed up projects. Well, with Angular we will have a terminal interface to manage this fantastic framework.

Please share this post and join our Telegram channel.

The post How to install Angular on Ubuntu 20.04 / Debian 10? appeared first on Linux Windows and android Tutorials.

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.

The post How to install Angular on Windows 10. appeared first on Linux Windows and android Tutorials.

AngularCLI: a command line interface for Angular

Angular is a Javascript framework for creating the front end side using the MVC pattern. It was created in 2009 by Google and is becoming more and more popular. Thanks to Angular we will be able to speed up the work from the front end using a lot of Javascript functionalities perfectly organized. Its methodology is the SPA, i.e. single page application.

On the other hand, Angular is being widely used in a new stack called MEAN (MongoDB, ExpressJS, Angular and NodeJS) where you can create other types of web applications.

In order to have a tool to manage Angular better, it is that AngularCLI arises. AngularCLI is a command line interface for Angular, with it, we can create an application that already works, right out of the box.

So, if you use Angular or you want to learn about it, you have to install AngularCLI.

Getting AngularCLI on Ubuntu 18.04

Before we go on, you need to know that we will need NodeJS. Next, you have to be able to use sudo with your user. Besides, you need some knowledge about the use of the terminal in Ubuntu.

Install NodeJS on Ubuntu 18.04

The first step is to install NodeJS 10 at least. Don’t worry it’s quite simple and we’ve made a post dedicated to it.

Read How to install NodeJS on Ubuntu 18.04?

Then you can continue with the tutorial.

Install AngularCLI on Ubuntu 18.04

Once you have made sure that NodeJS and NPM are properly installed in the terminal run the following.

:~$ sudo npm install -g @angular/cli

Next, check the installed version.

:~$ ng new example-project

Then, access the directory of your newly created project. Then, using the serve command, you can access your application. Note that the default port is 4200.

:~$ cd example-project
:~$ ng serve

This will make the application available at http://localhost:4200, but many times we need to specify a particular host. To do this, run:

:~$ ng serve --host [host_ip] --port [port]

Next, open it using your web browser. For example, http://192.168.250.7:4200.

And that is it.

Conclusion

Thanks to this post, you have learned how to install AngularCLI in Ubuntu 18.04. This being one of the most used distributions to develop applications for its stability and ease of use.

In this sense, it is possible to affirm with almost total certainty that AngularCLI facilitates the management of Angular projects. Thus it is possible to improve our productivity.

Please share this post with your friends.

The post How to install AngularCLI on Ubuntu 18.04? appeared first on Linux Windows and android Tutorials.