Angular JS Workspace Configuration Files

Angular JS project is having multiple files in it.In this post we will understand their types and importance of them.

First look at project structure in below image then will see all files in detail

In Above image there are two types of files

Workspace configuration files
Application project files

These files is having different kind of purpose to help angular js application to run ,compile and test successfully

Workspace configuration files

Below are workspace configuration files

.editorconfig

This file holds details used by editor which helps to maintain consistent coding styles across different editors and developers

.gitignore

This file having list of all files and folder which needs to be excluded from angularjs project while checking in to repostitory

README.md

This file is acting as document for angular js applicaiton which will have alld etails about application and its usability.

angular.json

This file holds all configuration details to angular js application whcih will help to run different commands like build,run ..etc

package.json

This is having all below details

scripts
Dependencies use for application
Application basic details
Dev dependencies which is used for development only.

package-lock.json

This holds details about version information for all packages installed into node_modules

src/

This folder is having all application source which will get compiled and run.

node_modules/

This folder holds all dependencies related to your application.When you run npm install all dependencies will get downloaded to this folder.

tsconfig.json

This file hold TypeScript configuration details which will helpful to run typescript project and follow all standards ,it also specifies the root files and the compiler options required to compile the project.

For more details please refer : https://www.typescriptlang.org/docs/handbook/tsconfig-json.html

tslint.json

This files holds all linting details which will he used by ng lint command to check format.This can be used to analyse typescript code if it is as per standard or not.

For more details please refer:https://palantir.github.io/tslint/