Different Folders and Files in Angular

  1. e2e
    • All the files related to End to End Testing
  2. Node Modules
    • All the node libraries are stored in this folder
  3. src
    • The angular code which is going to be developed is written inside this
  4. .browserslistrc
    • List of browsers on which the application will run.
  5. .editorconfig
    • The Editer configuration on which this code will run
  6. .gitignore
    • Files to be ignored while commiting
  7. angular.json
    • All the Angular configuration is stored inside this file
  8. karma.conf.js
    • Test runner
  9. package-lock.json
    • All the node files downloaded are mentioned inside this file with version
  10. package.json
    • All the node files downloaded are mentioned but with loose versioning
  11. tsconfig.json
    • TypeScript configuration file
  12. tsconfig.app.json
    • TypeScript configuration file but specific to an app
    • Used when there are multiple applications inside a single angular application
  13. tslint.json
    • Lint configuration for ts file. (Maintaining code standard)

Files inside SRC folder

  1. app folder
    • We write all the angular application code inside this folder only
  2. assets folder
    • All the images and static json files are stored in this folder
  3. environments
    • Environment specific files
  4. favicon.ico
    • Icon displayed on the top of the browser
  5. index.html
    • This is the main html file in which components are loaded one by one
  6. main.ts
    • Angular application bootstrapping
  7. polyfill.ts
    • Contains the code to run Angular app in older or those browsers which does not yet support latest standards of web
  8. style.css
    • Global css file of Angular app
  9. test.ts
    • Configure testing framework using this

Leave a Comment