Creating Components

The CLI can scaffold Angular components through the generate command. To create a new component run:

ng generate component [component-name]

Executing the command creates a folder, [component-name], in the project's src/app path or the current path the command is executed in if it's a child folder of the project. The folder has the following:

• [component-name].component.ts the component class file

• [component-name].component.css for styling the component

• [component-name].component.html component html

• [component-name].component.spec.ts tests for the component

• index.ts which exports the component