Angular Console - User UI Interface For CLI

Angular Console

It's a new tool provided by Angular to create an Angular application using user interface. It’s just another way to use Angular CLI, in simple words it’s just a visual representation of CLI commands.

We can perform all operations using console:

Create new projects
Install packages and extensions
Generate artifacts
Build/test and deploy

Follow the below link to download the console exe.

It is a great tool for Windows users without worrying about commands and terminal.

https://angularconsole.com

After successful installation, you will be able to see the below screen and follow the on-screen instructions by providing project path and name and type details. Here schematics sets is the option to build either web and native mobile (Native script) app, we can select the type. By selecting an appropriate option we can create a single project for both platforms.

Angular Console - User UI Interface for CLI

Follow the on-screen instruction and proceed,

Now, you can observe it's installing all npm packages for development use.

Once ready it will look like windows forms with some button to run the application.

Let us run and see the output,

Now go to browser and type http://localhost:4200/

Now, let us explore more - in the below screen we see the available CLI commands, click and provide information and run

Now, let's create a component using this tool - by providing a component name and other details

Let us check in our actual code to verify if the component is created successfully or not,

Wow....! It's created :) It's very useful for new learners without remembering CLI commands/terminal and node npm versions as it has installed the latest version on its own.

That's all for now, hope it helps new developers and students.