用Angular+ng-zorro做项目也有一年多时间了,做了几个后台管理系统,今天就把创建项目模板的步骤记录一下,方便今后使用。
先上一张效果图
image.png
准备工作
-
首先检查电脑是否安装了node和npm;
image.png 全局安装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窗口才能正常安装,可能是电脑原因,各位注意一下。