It’s worth dedicating a little bit of time to outline the important files and folders that you will commonly work in — and also understand some of the under-the-hood stuff that makes Angular work.
The folder and file structure looks like this in an Angular project:
> e2e > node_modules > src > app > assets > environments ..index.html ..styles.scss
- The e2e folder is for end to end testing. We won’t be covering testing in this course, but I will do a separate tutorial on that.
- node_modules is a folder you will never watch to touch, as it contains the project’s dependencies.
- /src contains much of your code.
- /app is where you will spend the most of your time writing your Angular code. It includes the routing, components, and more.
- /index.html is the entry point to the app, and you generally don’t touch this file.
- /styles.scss is where your global CSS rule-sets will reside.