~~~
project_name 应用部署目录
├─e2e 端到端测试目录
│ ├─src
│ │ ├─app.e2e-spec.ts
│ │ └─app.po.ts
│ ├─protractor.conf.js
│ └─tsconfig.e2e.json
├─node_modules 提供给整个项目的模块
│ ├─@angular angular模块
│ └─... 更多系统模块
├─src 应用源码目录
│ ├─app 项目应用目录
│ │ ├─app.component.css 根组件AppComponent的 CSS 样式表。
│ │ ├─app.component.html 根组件AppComponent关联的模板。
│ │ ├─app.component.ts 应用根组件(名叫AppComponent)的逻辑代码
│ │ ├─app.component.spec.ts 根组件AppComponent的单元测试文件。
│ │ └─app.module.ts 根模块(名叫AppModule),它告诉 Angular 如何组装应用。
│ ├─assets 静态资源目录(图片文件)
│ ├─environments 包含针对特定目标环境的配置选项
│ │ ├─environment.prod.ts
│ │ └─environment.ts
│ ├─browserslist 配置各个目标浏览器和 Node.js 版本之间的市场占有率,供各种前端工具使用。
│ ├─favicon.ico 网站图标
│ ├─index.html 主入口html文件。
│ ├─karma.conf.js
│ ├─main.ts 应用的主入口点,引导应用的根模块 AppModule 来运行在浏览器中。
│ ├─polyfills.ts 为浏览器支持提供腻子脚本
│ ├─styles.css 全局css样式文件
│ ├─test.ts 单元测试的主入口点
│ ├─tsconfig.app.json 继承自根目录的tsconfig.json文件。
│ ├─tsconfig.spec.json 继承自根目录的tsconfig.spec.json文件。
│ └─tslint.json 继承自根目录的tslint.json文件。
├─.editorconfig 代码编辑器配置
├─.gitignore 指定要忽略的非跟踪的文件。
├─angular.json 项目的默认 CLI 配置
├─package-lock.json 为 npm 客户端安装到node_modules中的所有软件包提供版本信息。
├─README.md 介绍文档。
├─tsconfig.json 项目的默认TypeScript配置。
├─tslint.json 工作空间中所有应用的默认TSLint配置。
~~~
- 目录结构
- 架构
- 指令
- 数据绑定
- 结构性指令
- 属性型指令
- 自定义指令
- 模板引用变量
- 属性绑定
- 事件绑定
- 组件
- 组件交互
- 管道
- 自定义管道
- 动态组件
- 变量检测机制
- 组件生命周期
- 路由
- 路由配置
- 路由导航
- 路由传值
- 父子路由
- 路由事件
- 顶级路由和特征路由
- 多重路由
- 路由守卫
- 路由守卫-简单理解
- 路由惰性加载
- 路由预加载
- 路由动画
- 网络请求
- GET请求
- POST请求
- JSOP请求
- 封装的http请求
- http拦截器
- 表单
- 响应式表单
- 驱动式表单
- CLI命令
- 启动应用
- 创建项目
- 创建组件
- 创建服务
- 创建路由守卫
- 创建特征模块
- 创建自定义指令
- 创建自定义管道
- 相关概念
- 急性加载
- 惰性加载
- 特征模块
- 常见问题
- 全局的Angular CLI大于本地的Angular CLI
- 包体优化