The styleUrls is an array of Style Sheets that Angular uses to style our HTML file. In the above example, it points to the file. The Angular uses this HTML file to render the view. The templateUrl contains the path to the HTML template file. The selector, templateURL & styleUrls templateUrl You will find it under the folder app/src The is the component that is added to the project by Angular CLI. Now let us see each component of the application one at a time The Component It creates the root component, a root module, and a unit test class to test the component. The Angular CLI creates a simple application that works out of the box. It contains the app and assets folder app folder This directory is where the bulk of your application code will go. This is the folder NPM Package Manager copies all external dependencies of our project. The is used for compiling the code, while for compiling the tests node_modules

This file specifies the compiler options required for the Typescript to compile (transpile) the project. The tsconfig.json is the Typescript compiler configuration file. Tsconfig.json, & are Typescript configuration files. Package.json: The package.json is an npm configuration file that lists the third-party packages that your project depends on. The older versions of Angular used the file angular-cli.json. gitignore: Git configuration to ensure autogenerated files are not committed to source control.Īngular.json: This is the configuration file for Angular CLI. editorconfig: This is the configuration file for the Visual Studio code editor.

It also contains a few configuration files The root folder application contains two subfolders. You can find out the installed Angular CLI Version by Using the Command. You can read the instructions on installing it from the tutorial Installing Angular. Visual Studio Code (or any other editor of your choice).

Before going further, install the following. Read More: The Angular CLI Tutorial How to Create a new Angular projectīefore starting with Angular, you need to Install Angular. It also allows us to add features ( components, directives, services, etc.) to existing Angular applications. It helps us to quickly create an Angular application with all the configuration files and packages in one single command. The Angular CLI is a command-line tool that allows us to create, develop, scaffold, and manage Angular applications from a command shell.

Creating node project