Design a site like this with WordPress.com
Get started

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

  1. scripts
  2. Dependencies use for application
  3. Application basic details
  4. 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/

All these files are getting used to manage configuration of entire workspace .One workspace can have multiple projects or multiple libraries in it .

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: