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