Angular实战之使用NG-ZORRO创建一个企业级中后台框架（进阶篇）

　　上一篇文章我们讲了如何在创建的Angular项目中快速引入ng-zorro-antd企业中台组件库，并且快速构建后台管理页面框架模板。这一章主要介绍的是如何在创建好的后台管理页面框架的快速生成NG-ZORRO相关的组件，并且介绍Angular相关目录结构、生命周期函数，路由配置和使用相关知识点，以及如何使用Angular CLI使用一行代码快速添加Angular应用的新功能。让你快熟的构建一个属于自己的NG-ZORRO后台管理框架，注意我们的前端代码的编写全部都是在VS Code上面编写。

Angular项目目录介绍（重要）：

 

app.module.ts（根模块）：

NgModule 用于描述应用的各个部分如何组织在一起。 每个应用有至少一个 Angular 模块，根模块就是你用来启动此应用的模块。 按照惯例，它通常命名为 AppModule。

模块和组件关系：

注意：一个模块可以有多个组件，一个组件也可以有多个样式表,但只有一个HTML模板。

|--app.module.ts(模块)  |--app.component.ts(组件)  |--app.component.html(HTML模板)  |--app.component.css(CSS样式表)