Akash Deep Vishwakarma
2 min readNov 27, 2023

--

⚠️ You should know this before getting started with Angular?

Important files and folders of an Angular Project

📌 When you're a beginner in any tech stack then firstly you should focus on the basics of that technology.

Here I'm going to list down the working of some important files & folders of an Angular Project.

  • node_modules folder - used only for development purposes, you should remove this folder while deploying the project.
  • src folder - it’ll contain the main source code of the project.
  • src/app folder - contains Component & Modules.

Every Angular project should contain at least one Component or Module.

✅ If we want to create any Service or Module then we should do that inside src/app folder only.

  • assets folder - it contains all the static assets of applications like - images, videos etc.
  • environments folder - for setting up different environments for the application like - developer, tester etc.
  • fabicon.ico - used for displaying website icon on the browser.
  • index.html file - this is the main HTML file which will be displayed on the browser.
  • main.ts file - this is Typescript file which is the main entry point of any Angular application.
  • polyfills.ts file - it is used to import scripts which are important for running the angular application.

✅ It is used to fill the gap between the features of JavaScript and Typescript.

  • style.css file - it is used to add global CSS in our Angular application.
  • test.ts file - used for setting the test environment.
  • editorconfig file - used for setting team environments.
  • gitignore file - used for ignoring files & folders which we don’t want to upload.
  • angular.json file - contains all the configuration of the Angular application.

✅ Before angular 6 there was no angular.json file but there was angularcli.json file.

  • karma.config.js file - for running tests.
  • package.json file - standard configuration file which contains dependencies.
  • tsconfig.json file - for setting the Typescript compiler.

These are the important files and folders which you should know well before starting with an Angular project.

Hoping that you got something informative after reading this post. if YES, then please like & share it with your connections also.

Happy learning 😊

Sign up to discover human stories that deepen your understanding of the world.

Free

Distraction-free reading. No ads.

Organize your knowledge with lists and highlights.

Tell your story. Find your audience.

Membership

Read member-only stories

Support writers you read most

Earn money for your writing

Listen to audio narrations

Read offline with the Medium app

--

--

Akash Deep Vishwakarma
Akash Deep Vishwakarma

Written by Akash Deep Vishwakarma

Specialist Programmer (SDE) @ Infosys | Java | Kotlin | TypeScript | Angular | Spring | Spring Boot | Android Developer

Responses (1)

Write a response