Ant Design Pro V4下载运行_西木Qi的博客-CSDN博客_ant design组件库怎么下载
Ant Design Pro V4下载运行
西木Qi
已于 2022-05-10 11:52:09 修改
2398
收藏
文章标签：
javascript
前端
react.js
于 2020-06-28 10:14:19 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Mr_XiMu/article/details/106992667
版权
简介：Ant Design Pro是阿里巴巴旗下蚂蚁金服开源的中台前端/设计解决方案，官网。
一、下载安装
1.1 前序准备
你的本地环境需要安装 yarn、node 和 git。我们的技术栈基于 ES2015+、React、UmiJS、dva、g2 和 antd，提前了解和学习这些知识会非常有帮助。
1.2 下载
新建一个空的文件夹作为项目目录，并在目录下执行：
yarn create umi
或者
npm create umi
推荐使用npm方式安装，因为后面使用git管理时，如果在webstorm中提交代码可能会出现问题。（但是有一个问题就是npm方式下载速度很慢，原因和解决方法自己去找，这里不详细介绍）
1.2.1选择 ant-design-pro：
? Select the boilerplate type (Use arrow keys)
> ant-design-pro - Create project with a layout-only ant-design-pro boilerplate, use together with umi block.
app - Create project with a simple boilerplate, support typescript.
block - Create a umi block.
library - Create a library with umi.
plugin - Create a umi plugin.
1.2.2选择Pro V4：
? � Be the first to experience the new umi@3 ? (Use arrow keys)
Pro V5
> Pro V4
1.2.3选择JavaScript：
? � Which language do you want to use? (Use arrow keys)
> TypeScript
JavaScript
1.2.4simple和complete的区别：（这里我选择simple)
? � Do you need all the blocks or a simple scaffold? (Use arrow keys)
> simple
complete
simple：只有基础功能，包含的组件和功能较少。选择simple后下一步还要选择ant的版本。
complete：包含的组件和功能较多，与线上示例：https://preview.pro.ant.design/dashboard/analysis完全一致。选择complete后默认使用的ant版本是4，不用再选择ant版本。
1.2.5 选择antd@4：
? � Time to use better, faster and latest antd@4! (Use arrow keys)
> antd@4
antd@3
经过上述几步操作后就开始下载Ant Design Pro项目了，完整的操作过程。
H:\antcomplete>npm create umi
? Select the boilerplate type ant-design-pro
? � Be the first to experience the new umi@3 ? Pro V4
? � Which language do you want to use? JavaScript
? � Do you need all the blocks or a simple scaffold? simple
? � Time to use better, faster and latest antd@4! antd@4
Cloning into 'H:\antcomplete'...
remote: Enumerating objects: 188, done.
remote: Counting objects: 100% (188/188), done.
remote: Compressing objects: 100% (173/173), done.
Rremote: Total 188 (delta 21), reused 67 (delta 8), pack-reused 0
Receiving objects: 100% (188/188), 296.12 KiB | 35.00 KiB/s, done.
Resolving deltas: 100% (21/21), done.
> � clone success
> [Sylvanas] Prepare js environment...
> [JS] Clean up...
> Clean up...
✨ File Generate Done
H:\antcomplete>
1.2.6下载完成后在antcomplete目录下会共有16个文件及文件夹。（此数量仅代表编写此文档时下载的数量）
1.2.7安装依赖：
yarn
npm install
推荐使用npm install，原因同上。
1.2.8启动
npm start
​​​​​​​
​​​​​​​
西木Qi
关注
关注
点赞
收藏
打赏
评论
Ant Design Pro V4下载运行
简介：Ant Design Pro是阿里巴巴旗下蚂蚁金服开源的中台前端/设计解决方案，官网。一、下载安装1.1前序准备你的本地环境需要安装yarn、node和git。我们的技术栈基于ES2015+、React、UmiJS、dva、g2和antd，提前了解和学习这些知识会非常有帮助。1.2 下载新建一个空的文件夹作为项目目录，并在目录下执行：yarn create umi或者npm create umi推荐使用npm方式安装，因为后面使用git管理时，如果...
复制链接
扫一扫
ant-design-pro-1.4.4
02-21
ant-design-pro官方资源使用，方便广大网友下载使用。
ant design ant design Pro 中的table横向与纵向合并问题
最新发布
runrun117的博客
11-23
87
ant design ant design Pro 中的table横向与纵向合并问题
评论 1
您还未登录，请先
登录
后发表或查看评论
Ant Design Pro V4 安装
weixin_45991188的博客
06-18
831
安装
yarn create umi
或则使用npm
npm create umi
然后选择：ant-design-pro
其他的分别是：
app  — 用简单的样板创建项目，支持typescript
block  —  创建一个 umi 块
library —  用umi.创建一个库
plugin —  创建 umi 插件
选择版本:Pro V4
选择语言：js或则ts
选择完整版:complete
目录结构
本地开发
安装依赖
npm install
运行
npm star
2020-10-21 Ant Design Pro V4下载运行
elatutu的博客
10-21
251
Ant Design Pro V4下载运行
大家可以先参考这个步骤(这个是别的作者的，不知是否侵权)：
https://blog.csdn.net/Mr_XiMu/article/details/106992667
注意：如果本文涉及到的的npm的命令下载不了， 可以用cnpm或者yarn
安装运行过程中遇到的问题：
@antv/l7 in ./node_modules/@antv/l7-react/es/component/Popup.js, ./node_modules/@antv/l7-react/
AntDesignPro快速入门
qq_40098572的博客
11-04
328
项目创建好了，打开一看，这么多目录无从入手啊，然后看官方文档，又要去了解umi，又要去了解typescript，等等各种前置条件，其实都没有必要，那么多东西如果不是职业前端开发的话怎么可能都会呢，这是不可能的。学习代码很简单，找对思路是关键，当我们看到一个项目的时候，总想着打开项目看一下代码，一看代码两眼发黑，互联网时代不可能把认识所有代码，当我们接触一个项目的时候，先看项目目录结构，对着目录结构写一套增删查改就算是入门了。安装环境node+vscode。整个项目介绍完毕，是不是很简单。
【入门】1.1-开始使用
LuCh1Monster的博客
06-26
342
文章目录1. 写在前面2. 谁在使用2.1 For 设计者2.2 For 开发者3. 前序准备4. 安装5. 目录结构6. 本地开发7. 后续步骤
1. 写在前面
Ant Design Pro 是一个企业级中后台前端 / 设计解决方案，我们秉承 Ant Design 的设计价值观，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板 / 业务组件 / 配套设计资源，进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。随着『设计者』的不断反馈，我们将持续迭代，逐步沉淀和总结出更多
Ant Design Pro 4.0 设置代理服务器
rznice的专栏
10-30
4567
当前使用的版本为 Ant Design Pro v4.0.0
找到项目所在目录下的/config/config.ts 文件。
找到Proxy相关内容：
......
if (match && match[1]) {
const antdProPath = match[1].replace('.less', '');
const arr =...
蚂蚁金服 ant design 中下载axure 菜单组件库
一火的专栏
10-10
2395
下载地址为：https://library.ant.design/
【门户平台】—— Ant Design Pro v4最新版本安装
柳柳66的博客
03-16
404
现在开始安装以及初步运行(ant design pro文档)
安装前需要的环境：yarn、node和git，推荐配置cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
安装大概有三种方法(本地运行)：
1、 git clone(稳定，速度偏慢)
直接在github下clone下来
git clon...
下载antd-designer-Pro
qq_45736175的博客
05-31
151
由于不熟悉GitHub上的下载，有些项目是有分主项目和全项目的，我本来要下载ant-designer-Pro，结果下载了默认的
默认是这样的
效果只是这样，这不是我想要的呀
只能重新下载，官网https://github.com/ant-design/ant-design-pro/tree/all-blocks
...
Ant Design Pro v4　最新版安装（跳过所有坑）
热门推荐
weixin_44736274的博客
06-28
2万+
先上一些官方的话
Ant Design Pro 是一个企业级中后台前端/设计解决方案，我们秉承 Ant Design 的设计价值观，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件/配套设计资源，进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。随着『设计者』的不断反馈，我们将持续迭代，逐步沉淀和总结出更多设计模式和相应的代码实现，阐述中后台产品模板/...
antd-pro使用v4版本（因为v5发布了，默认创建v5,解决方案）
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（好看、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
08-02
2139
前言：
我最近使用antd-pro写一个新项目，2020年还是v3，21年就v5了。我担心v5刚发布不久bug多会频繁更新所以依然想用v4，但默认就是v5，之前版本还有选择版本的指令现在没有了。于是取github上找到了解决方案。
问题描述：
antd-pro v5版本发布后，继续使用v4的步骤
解决方案：
git clone https://github.com/ant-design/ant-design-pro && cd ant-design-pro && g
ant design pro 加载慢_ant design pro v4踩坑记
weixin_31574891的博客
12-29
1207
前言最近在使用ant design pro的时候，遇到很多问题，也花费了不少时间，为了防止后续遗忘，特意记录一下，也算是帮大家踩坑了。使用哪个版本目前最新的是ant design pro v4的版本，但是网上大部分的教程还是v3甚至还要早的,v4和v3相比还是很多地方不一样的，大部分实例已经变成react hook的形式，也就是函数组件的形式,在v3的时候大多数还是使用的class。所以如果是新手...
ant-design-pro（项目）
weixin_45969939的博客
03-09
74
预览地址：https://pro.ant.design/index-cn
下载地址：https://github.com/ant-design/ant-design-pro/
Ant Design Pro V4 入门到实战手册【2020】
weixin_45199082的博客
06-07
1万+
前言
第一章 初识 Ant Design Pro
1. 调整 Ant Design Pro 基本配置
2. 浅析 Ant Design Pro 工作流程
第二章 布局和路由
1. 复杂页面布局的"大功臣"—Card 组件
2. 响应式布局的"海尔兄弟"—Row Col 组件
3. 玩转服务器动态路由配置—权限控制
第三章 数据装载与搬运
1. 聊聊 effects 与 reducers
2. 谈谈...
ant design pro v4
weixin_43956070的博客
01-07
128
欢迎使用Markdown编辑器
你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。
新的改变
我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：
全新的界面设计 ，将会带来全新的写作体验；
在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示；
增加了 图片
AntDesign Pro安装过程
09-12
1341
AntDesign Pro安装编译过程
Ant Design Pro安装及简单搭建
m0_61961937的博客
10-16
869
Ant Design Pro安装及简单搭建
在vue中安装配置Ant Design of Vue组件
weixin_56192554的博客
09-01
545
1、第一步：安装组件
npm install ant-design-vue --save
2、第二步：引入组件
（1）完整引入：
【系列文章模板】标题示例：Python 机器学习入门之pandas的使用
weixin_47064102的博客
08-03
478
文章目录前言一、pandas是什么？二、使用步骤总结
前言
随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。
正文：
一、pandas是什么？
pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。Pandas 纳入了大量库和一些标准的数据模型，提供了高效地操作大型数据集所需的工具。pandas提供了大量能使我们快速便捷地处理数据的函数和方法。你很快就会发现，它是使Python成为强大而高效的数据分析环境的重要因素
“相关推荐”对你有帮助么？
非常没帮助
没帮助
一般
有帮助
非常有帮助
提交
©️2022 CSDN
皮肤主题：技术工厂
设计师：CSDN官方博客
返回首页
西木Qi
CSDN认证博客专家
CSDN认证企业博客
码龄4年
暂无认证
112
原创
1万+
周排名
1万+
总排名
16万+
访问
等级
1869
积分
2574
粉丝
72
获赞
27
评论
438
收藏
私信
关注
热门文章
MyBatis中怎么查询某个时间段内的数据
19670
关于设置VMware虚拟机里的IP所在网段与主机（Windows）电脑上的Ip所在网段一致的问题
15844
CentOS 修改ip地址
10633
关于spring boot报javax/servlet/MultipartConfigElement错误以及的问题
7709
Oracle数据库的安装及使用教程
7047
分类专栏
Golang
42篇
clickhouse
2篇
etcd
10篇
数据结构与算法
11篇
面试
17篇
面试总结
1篇
go-micro
3篇
gRPC
5篇
GO-EXE
1篇
Java
22篇
最新评论
同一台电脑上部署两个解压版的MySQL数据库
西木Qi:
不需要，本文的教程是我亲自实践后编写的，按步骤操作即可。
同一台电脑上部署两个解压版的MySQL数据库
ddd_ddd_:
环境变量不需要添加吗
rtsp直播流转换成rtmp流在浏览器正常播放（Windows命令行，Java代码)
逆光倾城:
请问不借助java代码，直接用ffmpeg和nginx、vlc的安装包和可执行程序，能够实现RTSP转RTMP吗？
Etcd教程 — 第二章 Etcd集群静态发现
programmer_ada:
你经常使用的Kubernetes工具有哪些？像Minikube、Helm、Rancher k3s、Loft、Skaffold都有使用吗？
Etcd教程 — 第一章 Etcd简介、Etcd单机安装
programmer_ada:
对于Serverless你是否了解？比较关注这一技术的哪些方面？
您愿意向朋友推荐“博客详情页”吗？
强烈不推荐
不推荐
一般般
推荐
强烈推荐
提交
最新文章
ClickHouse教程 — 第二章 ClickHouse快速入门
ClickHouse教程 — 第一章 ClickHouse单机版安装
Go微服务框架及基础平台选择
2022
11月
4篇
10月
1篇
08月
3篇
07月
7篇
06月
11篇
05月
17篇
04月
2篇
03月
15篇
02月
3篇
01月
1篇
2021年1篇
2020年32篇
2019年15篇
目录
目录
分类专栏
Golang
42篇
clickhouse
2篇
etcd
10篇
数据结构与算法
11篇
面试
17篇
面试总结
1篇
go-micro
3篇
gRPC
5篇
GO-EXE
1篇
Java
22篇
目录
评论 1
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
打赏作者
西木Qi
你的鼓励将是我创作的最大动力
¥2
¥4
¥6
¥10
¥20
输入1-500的整数
余额支付
(余额：-- )
扫码支付
扫码支付：¥2
获取中
扫码支付
您的余额不足，请更换扫码支付或充值
打赏作者
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额
抵扣说明：
1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。 2.余额无法直接购买下载，可以购买VIP、C币套餐、付费专栏及课程。
余额充值