Angular Console — The UI for the Angular CLI

Today we are happy to announce Angular Console — the UI for the Angular CLI.

Angular CLI transformed the Angular ecosystem. We no longer have to spend time maintaining our webpack configurations, figuring out how to make tests run, fixing source maps — the CLI does this for us. It also helps us enforce consistent development practices by generating components, services, and state management modules. Since the CLI does so much, it can be intimidating and hard to learn. Most developers only use a fraction of the CLI’s capabilities.

Last year, we at Nrwl built a set of tools, Nx, on top of the Angular CLI. And we saw firsthand that we can only go so far until the developers get overwhelmed and lost.

We realized that most developers don’t need more sophisticated commands — they need a more approachable way to use what the Angular CLI already does. And that’s what Angular Console is.

Who is it for

We have been testing Angular Console for some time now, and every developer we showed it to found it valuable. Developers on Windows and Mac, developers who are afraid to touch the terminal, and those spend the most of their day there, Angular experts and Angular novices — everyone agreed that it helps them be more productive with Angular CLI.

Beginner Friendly

We aim to make Angular Console a great tool for developers who are new to Angular or Angular CLI. You can create projects, interact with your editor, run generators and commands, install extensions without ever touching the terminal or having to install any node packages globally. If you get a new laptop, you can install Angular Console and start building Angular apps. Also, Angular Console highlights the properties you are likely to use for build-in generators and commands . So if you haven’t used the CLI, you don’t get overwhelmed.

Useful to Experts

At the same time, Angular Console is a robust tool that can do everything the Angular CLI can do — it’s the UI for the CLI. Every command you can run in the terminal, you can run via Angular Console. Except you no longer have to remember all the flags, names, or paths — Angular Console will help you by providing autocompletion and validating your inputs.

As Teddy Salmon from American Airlines put it “It takes a lot of the remembering out of developing, so you can focus on code.”.

Leave Your Comment