Angular CLI

#Javascript #Framework #Angular #Angular CLI

Angular CLI (Commend Line Interface) is a recommended tool to build and manage Angular projects.

---

Installing

npm install -g @angular/cli

To check the latest version and version history (https://github.com/angular/angular-cli/releases)

To check the CLI version you are using. use one of the following in the command line

ng --version //option 1
ng v //option 1
ng -v //option 1

When you need additional information use the command below.

ng help // for general information
ng new --help // for information about a certain command

After installing the CLI you can invoke the Angular command using 'ng' prefix.

To create an application

Using command line of your choice run the following command

ng new project-name // this will create a new project under the directory where you are located now

cd project-name // move to the project

To run the application after it has been created. Run one of the commands in the project directory. The default server is http://localhost:4200/

ng serve // this runs the server.
ng serve --open // this runs the server and opens the application
ng serve -o // this is a shortcut of the command above

Directories

- src

Contains anything that is related to making the application such as data, logic, or assets.

- angular.json

Project configuration file

Commands (Commands can have options which are prefixed with a double dash, '--', and options can have alias which is prefixed with a single dash '-'

https://angular.io/cli#command-overview

References

https://angular.io/docs

https://github.com/angular/angular-cli/releases

https://angular.io/guide/file-structure