Ant Design Pro入门

Ant Design Pro是基于Ant Design和umi的企业级前端框架,提供开箱即用的中台解决方案。本文介绍了如何准备和安装所需的nvm、node.js、npm、yarn和git,并详细阐述了项目的初始化和运行步骤,以及如何使用Umi UI自动生成代码。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Ant Design Pro介绍:

        官方的说法是Ant Design Pro 是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案,致力于在设计规范和基础组件的基础上,继续向上构建,提炼出典型模板/业务组件/配套设计资源,进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。随着『设计者』的不断反馈,我们将持续迭代,逐步沉淀和总结出更多设计模式和相应的代码实现,阐述中后台产品模板/组件/业务场景的最佳实践,也十分期待你的参与和共建。

        个人总结:就是阿里快速搭建一个前端框架的开源网站

        AntDesignPro网址:开箱即用的中台前端/设计解决方案 - Ant Design Prohttps://pro.ant.design/zh-CN

Ant  Design Pro的使用:

        第一步:准备软件

            需要的软件:包括nvm,node.js,npm(yarn推荐用 ),Git,WebStorm软件

             nvm:

                 在实际的项目开发中,可能每次使用的node.js版本都是不一样的,需要不同版本的NodeJS运行环境,所以需要多个版本NodeJS切换使用,为了方便管理就要使用nvm来切换node版本。

              下载路径:(一般国内网都可以,但是能用外网下载最好,国内网有可能下载不完整)

                Releases · coreybutler/nvm-windows · GitHubA node.js version management utility for Windows. Ironically written in Go. - Releases · coreybutler/nvm-windowshttps://github.com/coreybutler/nvm-windows/releases

             nodejs: 

                 官网上给Node下的定义是: “一个搭建在chrome javascript运行时上的平台,用于构建高速、可伸缩的网络程序。Node.js采用的事件驱动、非阻塞io模型,使它既轻量又高效,并成为构建运行在分布式设备上的数据密集型实时程序的完美选择”。

                下载:网上直接搜寻或者通过命令安装

              npm和yarn :

             “NPM的全称是Node Package Manager,是一个NodeJS包管理和分发工具,已经成为了非官方的发布Node模块(包)的标准。

           

             yarn是一个包管理器,类似于npm,用于管理Node.js项目中的依赖关系。它由Facebook开发,旨在解决npm的一些问题,例如安装速度和可靠性。yarn可以更快地安装依赖项,并且可以在安装期间并行下载多个包。此外,yarn具有锁定文件(yarn.lock)的功能,可以确保在不同的机器上安装相同版本的依赖项,从而避免了由于依赖项版本不一致而导致的问题。yarn还支持自定义的命令和插件,可以方便地扩展其功能。(简单来说他比npm更好,最好使用yarn,我记的阿里搞了一个tyarn)

               

                 yarn的.msi文件下载(yarn的安装文件,因为用命令装可能会有缺省):        https://y

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值