Getting Started with the Angular CLI

The best way to start creating Angular applications is to use the Angular CLI

I have worked on a variety of Angular applications over the last few months and it truly has been a blast. I know a lot of my readers out there are Java + Spring developers and I want to make sure that I make this very clear in this post and the ones that follow. If you played around with Angular 1.xx and didn’t really enjoy writing those applications you need to come back for another look.

Angular CLI

Writing angular 2/4 applications with Typescript is a familiar setting for Java Developers. I really do love working with the Angular framework and in today’s article, I am going to help you get started quickly by using the Angular CLI.

What is the Angular CLI

The Angular CLI is a tool to initialize, develop, scaffold and maintain Angular applications. The CLI in Angular CLI stands for Command Line Interface and you have probably come across similar tools before. If you’re using Spring Boot we use the Spring Initializr to initialize our applications and there is a Spring CLI to accomplish this from the command line. 

Getting Started with the Angular CLI

The first thing you need to do is to make sure you have node & npm installed. You can check the versions for each by opening a command line and running the following commands. 

Angular CLI Check - Node & NPM Versions

With those in place, you can install the Angular CLI by running the following command. 

Once installed you can always run the following command to see what version of the Angular CLI you’re running. 

Angular CLI Checking the version

Creating and Running your new Project

The first thing you’re going to want to do with your shiny new toy is to create a new project. To do that we are simply going to run the following command. 

You will want to run this from the directory where you want your new project to be created. The Angular CLI will create the folder and all the files you need to get started. 

Angular CLI Generating a new project

When that is finished you are ready to go. Navigate to the project folder (cd hello-angular) and run the following command. 

Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Generating Blueprints

Another very useful command is the generate command. 

This will allow you to generate the following blueprints. 

We won’t go through them all but I will walk through one example here. When you get into Angular development you will quickly realize that everything is component based. When we want to create a new component like a users component to manage the users we can run the following command. 

Angular CLI Generating Components

* We can also use the shortcut ng g c users

When you run this command you can see that it will generate CSS & HTML along with the component and test typescript files. If you want to generate a child component just give the full path for your component. 

Angular CLI Generate Components

Testing

Angular uses the Karma Test Runner for all of its testing needs. If you run the following command the Angular CLI will spin up a test runner for you and run all of your tests. Tests will execute after a build is executed via Karma, and it will automatically watch your files for changes. You can run tests a single time via --watch=false or --single-run.

Angular CLI Tests

Conclusion

The Angular CLI is the best way to get started with Angular development. I hope anyone who looked at Angular in the past and decided it wasn’t for them gives it another shot. It is a really great framework with a set of tools that makes writing Angular applications a breeze. 

Question: Have you looked at the latest version of Angular and if so what are your thoughts? 

Hi, I’m Dan Vega. I am a Software Engineer living just outside of one of my favorite places in the world, Cleveland Ohio. I am a self-taught programmer who firmly believes that you can accomplish anything in this life if you put your mind to it, roll up your sleeves and are willing to put in the work.

I have been writing software for over 17+ years now and I use my knowledge, passion, and influence to help other developers achieve their goals. I teach online and currently, have over 22,000 students.

When I am not writing software I have a number of things that really keep me busy. I love to read books, listen to podcasts and watch online courses. I have a real thirst for knowledge and it consumes me every single day of the week. I also love to run & lift heavy weights which keep me balanced throughout the week.

Please note: I reserve the right to delete comments that are offensive or off-topic.