上一篇文章咱们已经知道怎么经过angular-cli命令行工做建立angular项目,建立新项目后,首先要弄清楚angular的目录结构css
首层目录html
node_modulesnode
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目录jquery
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程序至少须要一个模块和一个组件。在咱们新建项目的时候命令行已经默认生成出来了。npm