Angular12添加前端框架AntdU

白癜风医院有哪些 https://jbk.familydoctor.com.cn/bjbdfyy/

AntdUI是遵循AntDesign设计规范的组件库,可以用于研发企业级中后台产品。全部代码开源并遵循MIT协议,开箱即用的高质量Angular组件库,任何企业、组织及个人均可免费使用。

这里介绍在Angular中使用这套前端框架。

一、创建Angular项目通过CMD命令窗口,选择项目文件目录,输入命令“ngnewTestDemoPrj”,回车执行。根据提示,选择以下配置项:

二、添加AntDUI前端框架Angular项目创建好之后,再通过命令“cdTestDemoPrj”进入项目文件夹,执行命令“ngaddng-zorro-antd”添加AntDUI前端框架。

根据提示,选择以下配置项:

三、项目创建成功后,打开项目

使用VSCode工具打开项目文件夹“TestDemoPrj”,打开后,首先查看Readme.md文档,里面有操作步骤,及常用命令介绍。

四、运行项目在VSCode的命令窗口,输入“npmstart”,启动项目。

五、项目运行结果运行成功,浏览器中可以看到很漂亮的一个网页前端界面。




转载请注明:http://www.aierlanlan.com/rzdk/2263.html