Angular使用ng-zorro快速创建一个项目模板

用Angular+ng-zorro做项目也有一年多时间了,做了几个后台管理系统,今天就把创建项目模板的步骤记录一下,方便今后使用。

先上一张效果图

image.png

准备工作
  1. 首先检查电脑是否安装了node和npm;


    image.png
  2. 全局安装Angular CLI

npm install -g @angular/cli

安装完成后,使用ng version验证,出现如下图所示,即代表安装成功。


image.png
创建步骤

1.新建Angular项目(angular-template为项目名)

ng new angular-template
angular-template.png

2.cd进入angular-template文件夹,执行如下命令

ng add ng-zorro-antd  //引入ng-zorro组件
image.png

至此,项目创建完成,特此记录!

注:我的电脑上要打开Powershell窗口才能正常安装,可能是电脑原因,各位注意一下。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容