Angular项目文件结构

• e2e文件夹

  在e2e/下是端到端(End-to-End)测试

• node_modules文件夹

  cnpm install安装的package.json定义的第三方模块都放在node_modules文件夹

• src文件夹

  项目的所有的文件得放在src里面

• app文件夹

  app文件夹存放组件，以及app.module.ts定义根模块

  - 

app.components.css

  - 

app.components.ts

  - 

app.components.html

app.components.css、app.components.ts、app.components.html 组成根组件

  - 

app.components.spec.ts

  - 

app.module.ts

根模块

• assests文件夹

  assests文件夹静态资源

• environments文件夹

  这个文件夹中包括为各个目标环境准备的文件

• favicon.ico

  项目图标

• index.html

  主页面

• main.ts

  应用的主要入口点

• polyfills.ts

  填充库(polyfill)能帮助我们把这些不同点进行标准化

• styles.css

  这里是定义的全局样式

• test.ts

  单元测试的主要入口点

• .editorconfig

  编辑器的一个简单配置文件

• .gitignore

  Git配置的忽略文件

• angular.json

  angular的配置文件

• browserslist

  Angular支持的浏览器的配置文件

• karma.conf.js

  给Karma的单元测试配置

• package.json

  npm配置文件

• README.md

  项目的基础文档，说明文档

• tsconfig.app.json

  TypeScript编译器的配置

• tsconfig.json

  TypeScript编译器的配置

• tsconfig.spec.json

  TypeScript编译器的配置

• tslint.json

  给TSLint和Codelyzer的配置信息，Lint功能可以帮你保持代码风格的统一