Angular入门教程

Angular18(由于Angular每半年发布一个主版本，迭代较快，现目前最新稳定版本为18)

第一步：使用 npm install -g @angular/cli@18命令下载 Angular CLI 18

效果如下：

第二步：使用 ng new my-angular-app创建一个全新的项目

以此为例，我创建的项目名为myex

##使用

cd my-angular-app
ng serve
运行命令，查看效果

第三步：使用ng add ng-zorro-antd@18命令，导入组件

效果如下：

再使用ng serve命令运行，效果如下：

使用ng-zorro-antd中的组件需要先导入依赖，也就是在app.component.ts中添加下述命令

import { NzButtonModule } from 'ng-zorro-antd/button';

修改html中的代码，使用ng-zorro-antd组件库中的按钮组件

Ctrl+S进行保存，却产生报错，效果如下：

原因是项目缺少了 @ctrl/tinycolor 这个第三方库，但 ng-zorro-antd 组件库又依赖于它。

所以使用 npm install @ctrl/tinycolor命令下载依赖包，下载完成之后再次运行项目效果如下：