Menu

Structure of Angular 2 project

Posted: November 24, 2021. | By: Admin

The root folder

The src/ folder is just one of the items inside the project's root folder. Other files help you build, test, maintain, document, and deploy the app. These files go in the root folder next to src/.

my-app(root folder)

• e2e (subfolders)                                      

1.  app.e2e-spec.ts 
2.  app.po.ts
3.  tsconfig.e2e.json

• node_modules/...
• src/...
• .angular-cli.json
• .editorconfig
• .gitignore
• karma.conf.js
• package.json
• protractor.conf.js
• README.md
• tsconfig.json
• tslint.json

Src Structure

Your app lives in the src folder. All Angular components, templates, styles, images, and anything else your app needs go here. Any files outside of this folder are meant to support building your app.

src(folder)

• app

1. app.component.css
2. app.component.html
3. app.component.spec.ts
4. app.component.ts
5. app.module.ts

• assets

1. .gitkeep

• environments

1. environment.prod.ts
2. environment.ts

• favicon.ico
• index.html
• main.ts
• polyfills.ts
• styles.css
• test.ts
• tsconfig.app.json
• tsconfig.spec.json