angular 标准目录结构_Angular项目目录结构详解

首先看一下整体的目录结构：

angular整体的目录结构

可以看到，命令行工具自动生成了很多文件和目录，我们来说说这些目录是干什么的

首层目录：

【node_modules 】 第三方依赖包存放目录

【e2e 】 端到端的测试目录 用来做自动测试的

【src 】 应用源代码目录

【.angular-cli.json 】 Angular命令行工具的配置文件。后期可能会去修改它，引一些其他的第三方的包 比如jquery等

-【 karma.conf.js】 karma是单元测试的执行器，karma.conf.js是karma的配置文件

【package.json 】 这是一个标准的npm工具的配置文件，这个文件里面列出了该应用程序所使用的第三方依赖包。实际上我们在新建项目的时候，等了半天就是在下载第三方依赖包。下载完成后会放在node_modules这个目录中，后期我们可能会修改这个文件。

【protractor.conf.js】 也是一个做自动化测试的配置文件

【README.md】 说明文件

【tslint.json】 是tslint的配置文件，用来定义TypeScript代码质量检查的规则，不用管它

src目录：

app目录 包含应用的组件和模块，我们要写的代码都在这个目录

assets目录 资源目录，存储静态资源的 比如图片

environments目录 环境配置。Angular是支持多环境开发的，我们可以在不同的环