Getting started with angular-cli

Remarks#

This section provides an overview of what angular-cli is, and why a developer might want to use it.

It should also mention any large subjects within angular-cli, and link out to the related topics. Since the Documentation for angular-cli is new, you may need to create initial versions of those related topics.

Installation or Setup

Note: Angular CLI versions are under rapid development. This documentation targets for the latest version.

Prerequisites

To execute and work with the latest version, Angular CLI and the project have dependencies that require node v6.9.0 or higher.

Setup

Make sure that a node version is installed which is compatible with the CLI

Install the Angular CLI globally. It installs the latest version.

npm i @angular/cli -g or yarn global add @angular/cli, depending on the package manager in use.

ng help command will provide the executable commands

Generating and serving an Angular project via a development server

To create a new project ng new [project-name] which initializes git.Install packages for tooling via npm. It creates the project successfully.

cd [project-name] and execute either npm start or ng serve

It’ll run the server in the given default port.

Application will refresh according to the changes made in the directory. The default HTTP port and the one used by the LiveReload server can be changed using below command

ng serve --host 0.0.0.0 --port 4201 --live-reload-port 49153

Angular CLI - The Basic Steps

You will need to install node.js - https://nodejs.org/en/
npm install -g @angular/cli - install the CLI by executing this command in the terminal
ng new projectname - after executing this command in the terminal, you will create a new sub folder titled projectname in your current folder.
cd projectname - go to the sub folder, where your project is
ng serve - run the project. It will be available at https://localhost:4200