angular6 + ng-zorro鹿途后台管理系统（一）

用Angular6 + ng-zorro 完成一个完整的后台管理系统，鹿途后台管理系统，是我脱离工作自己的第一个作品，所以我可以任意妄为，随心所欲，我想做好它，坚持！系列文章不会从每行代码说起，只会对一些关键点进行分析说明，再配合源码就没有多大问题了。

 

 

版本说明

 

• ng-zorro-antd 1.4.1+
• angular 6+
• node 10+

开发工具

• Mac
• Vscode

 

创建项目

 

在创建项目之前，请确保 @angular/cli 已被成功安装

 

执行以下命令，@angular/cli 会在当前目录下新建一个名称为ng-deerway的文件夹，并自动安装好相应依赖。

 

ng new ng-deerway

　　

初始化配置

进入项目文件夹，执行以下命令后将自动完成 ng-zorro-antd 的初始化配置，包括引入国际化文件，导入模块，引入样式文件等工作。

 

 

ng add ng-zorro-antd

 

　　

开发调试

一键启动调试，运行成功后显示欢迎页面。

 

ng serve

　　

 

 

我们通过脚手架和NG-ZORRO的配合已经完成了项目的基本的骨架，过程都大同小异，大家可以参考NZ-ZORRO的快速上手，下一节我们将开始项目整体结构的规划。

 

 

 

项目github地址：https://github.com/ZhouRenYou/ng-deerway
项目预览地址（非实时更新）：https://zhourenyou.github.io/web-deerway/passport/login