Angular-cli目录结构

上一篇文章我们已经知道怎么通过angular-cli命令行工作创建angular项目，创建新项目后，首先要弄清楚angular的目录结构

首层目录

node_modules

node_modules	第三方依赖包存放目录
e2e	端到端的测试目录，用来做测试的
src	应用源代码目录
.angular-cli.json	Angular命令行工具的配置文件。后期可能会修改它引一些其他第三方的包，例如jquery
kerams.conf.js	karma是单元测试的执行器，karam.conf.js是karams的配置文件
package.json	这是一个标准的npm工作的配置文件，这个文件里面列出了该应用程序所使用的第三方依赖包。实际上我们在新建项目的时候，等了半天就是在下载第三方依赖包，下载完成后会放在node_modules这个目录中
protractor.conf.js	这是一个做自动化测试的配置文件
README.md	说明文件
tslint.json	是tslint的配置文件，用来定义typeScript代码质量检查的规则，不需要管

src目录

app目录	包含应用的组件和模块，我们要写的代码在这个目录
assets目录	资源目录，存储静态资源，比如图片
environments目录	环境配置，angular是支持多环境开发的，我们可以在不同的环境下（开发环境，测试环境，生产环境）共用一套代码，主要用来配置环境
index.html	整个应用的根html，程序启动就是访问这个页面
main.ts	整个项目的入口点，Angular通过这个文件来启动项目
polyfills.ts	主要用来导入必要的库，为了让angular能正常运行在老版本下
styles.css	全局样式
tsconfig.app.json	TypeScript编译器的配置，添加第三方依赖的时候会修改这个文件
tsconfig.spec.json	不需要管
test.ts	自动化测试用的
typings.d.ts	不需要管

一个Angular程序至少需要一个模块和一个组件。在我们新建项目的时候命令行已经默认生成出来了。

转载于:https://www.cnblogs.com/shira-t/p/9284388.html