Angular – Step 2 -Project Structure

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.

Leave a Reply

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

You are commenting using your 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

This site uses Akismet to reduce spam. Learn how your comment data is processed.