由angular命令行工具,angular-cli生成的目录和文件

  • e2e目录:是端到端的测试目录,包含基本的测试桩。是用来做自动测试的。
  • src:应用源代码目录。我们写的所有代码都应该在这里面。
    • app:包括应用的组件和模块。我们自己写的绝大部分代码都是写在这个目录下的。
    • assets:此目录用来存静态资源。比如图片。
    • environments:环境配置。angular是支持多环境开发的,可以在不同的环境,比如可以在开发环境、测试环境、生成环境共用一套代码,然后把这些环境不同的配置(比如后台服务的地址,可能开发环境和生成环境是不一样的)写在不同环境的配置文件里,然后angular在编译的时候会把相应环境的配置文件编译到你的代码里去。
    • index.html 整个应用的根html
    • main.ts 是整个web应用的入口点,是脚本执行的入口点。angular通过这个文件来启动你的整个项目。
    • polyfills.ts 此文件用来导入一些必要的库。这些库是为了让angular正常运行在一些老版本的浏览器中。
    • styles.css 放应用的全局样式
    • test.ts 用来做自动化测试
    • tsconfig.json 是typescript编译器的配置文件
  • .editorconfig 是IDE的配置文件。
  • .gitignore 是Git的配置文件。
  • angular-cli.json 是angular命令行工具的配置文件。
    • 引用一些第三方的包,比如jQuery、Bootstrap,就是通过修改这个文件实现的。
  • karma.config.js karma是一个单元测试的执行器,用于执行自动化的测试。此文件是karma的配置文件
  • package.json 是一个标准的npm工具的配置文件。在这里文件里面列明了当前应用所使用到的第三方依赖包。
    • 为当前应用安装包的时候,就是按照这个文件dependencies里配置的内容去下载第三方依赖包,下载下来以后,会将这些包放到"node_modules"目录里面
  • node_modules目录:该目录放的都是第三方的依赖包,我们自己写的代码不要放在这里面。
  • protractor.conf.js 和karma.config.js类似,也是用来做自动化测试的配置文件
  • README.md 一个markdown文件,包含了angular命令行工具生成的项目的一个标准说明。包括如何构建、测试、运行项目。
  • tslint.json 这是tslint的配置文件。tslint它是用来定义typescript代码质量检查的一些规则。