Angular Console - User UI Interface For CLI

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

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,
 
Angular Console - User UI Interface for CLI 
Now, you can observe it's installing all npm packages for development use.
 Angular Console - User UI Interface for CLI
Once ready it will look like windows forms with some button to run the application.
 
 Angular Console - User UI Interface for CLI
Let us run and see the output,
 
Angular Console - User UI Interface for CLI 
Now go to browser and type http://localhost:4200/
 
Angular Console - User UI Interface for CLI
 
Now, let us explore more - in the below screen we see the available CLI commands, click and provide information and run
 
Angular Console - User UI Interface for CLI 
Now, let's create a component using this tool - by providing a component name and other details
 
Angular Console - User UI Interface for CLI 
Angular Console - User UI Interface for CLI 
Let us check in our actual code to verify if the component is created successfully or not,
 
Angular Console - User UI Interface for CLI 
 
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.