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

Posted 2020-10-11

• 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代码质量检查的一些规则。