Angular 6 Project Structure

Angular 6 Project Structure

This is a beginner's tutorial, so we're not going to do a deep dive into every file. All that's important for you to understand are the absolute basics.
When you view the folder and file structure of your Angular 6 app, it should look something similar to this:

> e2e
> node_modules
> src
  > app
    ...a bunch of files
...a bunch of files

You're going to spend most of your time working within the /src/app folder. This is where components and services are stored (we'll get to those shortly).
In the /src/ folder itself, you will see an index.html (the apps entry point) and a styles.css file, which is where any global CSS rulesets are placed.
The /src/assets folder is where you place any assets such as graphics.
Not present right now is a /dist/ folder, which is generated when you build the project, which we'll do later on.