Using the Angular CLI to Get Up and Running With Angular

The first step is to install it from npm:

$ npm install -g @angular/cli

This will install the Angular CLI globally. If npm complains, then try running the command with sudo:

$ sudo npm install -g @angular/cli

First use your terminal to navigate to a directory that will be the parent directory of your project, then run this command:

$ ng new app-name

This will create an Angular project with everything in place for your to get started coding right away! Here’s an example of how the directory structure of your new project will look like:

├── README.md
├── angular-cli.json
├── **e2e …**
├── karma.conf.js
├── **node\_modules …**
├── package.json
├── protractor.conf.js
├── **src …**
└── tslint.json

This will run a local server at http://localhost:4200 by default. It will also watch for changes in your project and refresh the page automatically. Run this command from within the project directory:

$ ng serve

Use ng generate to generate useful things for your project like components, routes, pipes, services and directives. For example, here’s how you would generate a component:

$ ng generate component path/component-name

Finally, run your tests with ng test:

$ ng test