Angular CLI transformed the Angular ecosystem. With it, you can get a full-stack application up and running in minutes, no need to figure out source maps, webpack, test runners. It all works out of the box. Angular CLI also helps you enforce consistent development practices by generating components, services, and state management modules.
Professional developers use both command-line tools and user interfaces. They commit in the terminal, but resolve conflicts in VSCode or WebStorm. They use the right tool for the job.
Angular CLI is a command-line tool, which works great when you want to serve an application or generate a simple component. But it falls short once you start doing advanced things.
For instance:
- Exploring custom schematic collections is hard in the terminal, but it's easy using Angular Console.
- Using rarely-used flags is challenging. Do you pass absolute or relative paths? You don't have to remember any flags, names, or paths -- Angular Console will help you by providing autocompletion and validating your inputs.
- Finding the right Angular CLI extension can take a long time. When using Angular Console, you can find and install an extension in minutes.
Angular Console does more than that:
- It visualizes the results of a build or a test run.
- It visualizes how different projects in your workspace depend on each other.
- It shows dry run results as you create your command
- It shows remembers you most recent cli commands and saves their output for your reference
- ...
-
If you are a VSCode user, the best way to try Angular Console is by installing the Angular Console VSCode Plugin.
-
If you aren't a VSCode user, download a standalone desktop application at angularconsole.com.
Angular Console is a generic UI for the Angular CLI. It will work for any schematic or any architect commands. Angular Console does not have a specific UI for, say, generating a component. Instead, Angular Console does what the command-line version of the Angular CLI does--it analyzes the same meta information to create the needed UI. This means that anything you can do with the Angular CLI, you can do with Angular Console. After all, Angular Console is the UI for the Angular CLI.
Even though we started building Angular Console as a tool for expert, we also aimed 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.
A lot of Windows users are terminal shy and cannot take full advantage of tools like the Angular CLI and Nrwl Nx. By using Angular Console, Windows users can start using the powerful capabilities these tools provide via an easy-to-use UI. They can create new projects, generate components, build, test, deploy Angular apps without having to even open the terminal.
- angularconsole.com - the official site of the project
- Watch Angular Console 5-minute overview video by Angular Firebase folks
- Angular CLI course by John Papa - the Angular CLI course by John Papa has a video on Angular Console
- Learn more about the team at Nrwl - The team at Nrwl led the development of Angular Console, after working with many Enterprise clients.
Please read the contributing guidelines. Pick one of the issues from the good first issue list to get started.
Dan Muller | Victor Savkin | Jack Hsu | Frantisek Kolar | Kamil Kisiela |
---|---|---|---|---|
![]() |
![]() |
![]() |
||
mrmeku | vsavkin | jaysoo | fkolar | kamilkisiela |
The following folks from the Angular team at Google are working with the Angular Console team.
Alex Eagle | Stephen Fluin | Matias Niemelä |
---|---|---|
![]() |
![]() |
![]() |