Today, we are discussing another angular topic which is . the folder structure of the angular application I hope you read my earlier post is the fundamental concepts of angular. When we create a new angular application then we can see many files in the new application. So today we are all the files of this application one by one. e2e stands for "end to end", this is the place where we can write the end to end test. e2e - In this, you can find all the library and packages which are used in the app. node_modules - This file is very important for development purposes. we are mostly working with this file. this file contains many file like components, assets, environment. src - Which contains all the “modules” and “components” of your angular application. Every application has at least one “module” and one “component”. app folder the asset folder, we can store static assets of our application for example images, icons, and so many things. assets folder In In the environment, we can store configuration settings for different environments. Basically, this folder contains two files: (1) this file for the production environment.(2) - this file for the development environment. environment folder environment.prod.ts - Environment.ts This is an icon file that displays on the browser tab. favicon.ico - This is only one index file in the angular project. all the component's view dynamically renders with this file. index.html - This file is a TypeScript file. It is the starting point of angular application. here we can execute bootstrap to our main module. main.ts- this file imports all scripts required for running an Angular app. pollyfills.ts - This file is used for writing global CSS for the angular app. style.css - this file is used for setting the testing environment in our app. test.ts - This file contains the standard configuration file of your application angular-cli.json - this file is used when you are working in a team environment.  So make sure all the programmers have the same configuration. editor config - this file is used for exporting files and folders to/from your git repository. gitignore - - This file is used for test cases for the app. Karma.conf.js Pacakge.json - this file contains all packages, dependencies, dev dependencies, name of the project, etc. this file has a bunch of settings for your TypeScript compiler, so your typescript compiler looks at the setting and based on these settings, compiles your typescript code into javascript, so that browser can understand. tsconfig.json - -this file checks your typescript code for readability, maintainability, and functionality errors. tslint.json

BUNCH

Fundamental Concepts of Angular

Too Long; Didn't Read

Make resilience your competitive advantage

Folder Structure of Angular Applications

About Author

Comments

TOPICS

THIS ARTICLE WAS FEATURED IN

Related Stories

Untitled Story

Fundamental Concepts of Angular

10 Useful JavaScript Functions to Learn

10 Cool Angular Material Admin Dashboard Templates

13 Angular App Optimization Tips for Frontend Developers

25 Stories To Learn About Angularjs

Fundamental Concepts of Angular

10 Useful JavaScript Functions to Learn

10 Cool Angular Material Admin Dashboard Templates

13 Angular App Optimization Tips for Frontend Developers

25 Stories To Learn About Angularjs

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps