angular学习之------从头设计自己的项目

看了网易云上的"网易云音乐"项目之后,总结出属于自己的通俗易懂笔记~

1、学习的目标

从头开始写项目

使用UI库------NG-ZORRO

模块化管理

2、从头开始~

新建angular项目:

进入项目,并启动:

 

把公共样式写好在全局styles.scss中:

3、使用UI库-----打开NG-ZORRO的官网可以快速上手

安装UI库: 

 npm install ng-zorro-antd --save

 

全局引入UI库的公共样式,以及我们要使用的button组件样式:

也可以引入所有组件样式,那就所有组件都能使用了,具体怎么操作请看官网文档

试试在主页面上使用按钮:

在app.module.ts中引入button模块:

app.component.html中直接使用:

效果如下:

 

4、项目目录

5、模块化设计

如果所有模块都从根模块引入,会不好维护,所以按照不同功能分成各种小模块