Ant Design Pro V5 安装使用注意事项以及所有区块Blocks安装

最新推荐文章于 2024-06-19 09:38:33 发布
最新推荐文章于 2024-06-19 09:38:33 发布
阅读量1.9k 收藏 5
点赞数 4
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43577800/article/details/115278763
版权

官方很多文档都是扯淡！！各种 fetch:blocks 命令不要试了，没啥用。本文给出能用的方案，可能还有其他更好的办法。

1、参考官方基本安装

https://beta-pro.ant.design/docs/getting-started-cn

2、安装全部区块Blocks

手动下载全部区块：

https://github.com/ant-design/pro-blocks
在这里插入图片描述
然后，在你的Project根目录创建pro-blocks目录，拷贝刚才下载下来的区块文件。
在这里插入图片描述
在工程目录执行 yarn run pro fetch-blocks --branch=v5
在这里插入图片描述
在这里插入图片描述
至此，安装结束。预览效果：
在这里插入图片描述

西蒙老爷
关注
  • 4
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
Ant Design Pro V5 入门指南
weixin_43239457的博客
06-17 1万+
一、安装及完整区块、运行、打包命令 安装：yarn create umi [项目名] 运行：yarn run start 打包：umi build 安装完整区块（如官网方法无法安装，使用本地安装）： • 1、自己手动下载https://github.com/ant-design/pro-blocks所有区块 • 2、将下载的文件解压拷贝到C:/Users/用户名/.umi/blocks/github.com/ant-design/pro-blocks文件夹下，没有就自己建文件夹。 • 3、在工程目录执
ant design pro v4安装区块报错
王二丫的博客
10-20 3371
根据antd-pro官网给出的安装方法，在安装和运行antd-pro v4项目中失败了很多次，安装依赖install失败，添加单个区块及安装全部区块都不能成功运行。。在研究了大半天后终于解决，其实非常简单。从一开始创建项目时就注意，要用npm不能用淘宝镜像cnpm！！！block 默认会使用 npm，为了避免其中哪步又出现问题，建议全部不要使用cnpm都用npm。 安装过程： (1) 新建一个...
ant design pro 手动安装不同块详细过程
jjw_zyfx的博客
07-10 595
打开网页输入https://github.com/ant-design/pro-blocks进入如下界面 下载完成后最好放到和自己ant design Pro 项目同级目录下这样以后好找比如我的 如何嵌入到项目中呢? 项目中的目录如下: 然后需要配置一下路由:路由结构如下 ...
Ant Design Pro安装过程
最新发布
dpp10683401的博客
06-19 141
卸载当前安装的 pro-cli，然后指定版本安装，经过测试 3.1.0 这个版本就可以选择umi版本，重新使用。安装 pro-cli 即可。
antd-pro 中如何添加区块
weixin_43550927的博客
01-16 2800
首先先克隆一个 antd-pro 一个基础项目 npm start 打开项目之后点击添加区块的圆球 路由路径：下拉选择添加在哪个路由之中 后面的输入框是这个路由的名字 添加到： 添加到哪个pages 下的哪个组件页面中，后面的输入框是组件的名称 ...
Ant Design Pro 4、5 学习记录 1---使用Yarn安装ADP V4 V5含所有Block
Higer2008
06-09 3219
前序准备（来自官网说明）安装步骤1、yarn添加umi2、安装2.1 新建一个空的文件夹作为项目目录，在目录下执行2.2 选择 ant-design-pro：2.3**选择JavaScript**2.4**选择proV4**2.5**选择complete完整安装，类似于[Preview](http://preview.pro.ant.design/)**3、初始化4、运行5、目录结构（来自官网说明）6、结果截图 前序准备（来自官网说明） 你的本地环境需要安装 yarn、node 和 git。我们的技术栈基.
ant-design-pro-cli:Ant Design Pro的cli工具
05-30
fetch-blocks 下载 pro 所有的官方区块 Options for the screenshot command --path 区块的路径，可以用于只截图一个 --mobile 使用手机大小的屏幕进行截图 Options for the i18n-remove command --locale 设置语言 ...
详解Linux(Centos)之安装Nginx及注意事项
09-15
在所有依赖库安装完成后，可以开始安装Nginx本身。从Nginx官网http://nginx.org/en/download.htm 下载最新版本的Nginx源码，然后解压缩并执行以下步骤： 1. `tar -zxvf nginx-<version>.tar.gz` 2. `cd nginx-...
FAQ: antd pro/umi 添加区块错误
01-08
虽然按照antd pro/umi官网构建的项目， 执行添加模块操作时： $ umi block add EmptyPage 或 $ umi block add https://github.com/umijs/umi-blocks/tree/master/demo 报出异常类似： × error AssertionError [ERR...
ant-design-blocks:蚂蚁设计的umi块
05-07
git clone https://github.com/ant-design/ant-design.git npm install echo ' [] ' > continue.json npm run start-c // If the process of generating a block does not respond for a long time, you need to re-...
codeblocks 安装和使用 简明-有详细书签
06-05
Code::Blocks不仅支持在Windows操作系统上使用，它还支持在Linux和MacOSX操作系统上进行安装和使用。在Linux和MacOSX系统上安装Code::Blocks的步骤略有不同，但总体上十分便捷。Code::Blocks也能够支持高版本的gcc...
ant design pro项目安装以及坑点和大部分可能出现问题总结
m0_51291285的博客
07-14 4万+
ant design pro
ant-design-pro 的使用
Myw1010266547的博客
09-28 474
实习的时候公司做的项目用到了ant-design-pro 正在学习ing 博客园的一篇文章觉得挺详细的 https://www.cnblogs.com/freely/p/10874297.html 还有ant-design-pro官方的一些脚本命令 npm start 运行这个脚本会启动服务，自动打开默认浏览器展示你的页面。当你重新编辑代码后，页面还会自动刷新。 npm run build 运行这个脚本将会编译你的项目，你可以在项目中的 dist 目录中找到编译后的文件用于部署。 编译之后的文件经过压缩。如
运行vue项目时报错：missing script: dev的解决方法
热门推荐
谦谦君的博客
10-23 12万+
运行了一个别人写好的vue项目代码，然后报错：missing script: dev 打开package.json文件，看到确实有dev在的，如下图所示： 接着查看路径发现也没有问题，然后仔细看项目目录，发现了问题所在，竟然有两个package.json文件 我们打开另一个package.json文件，看到确实没有dev： 原来是项目本身的package.json文件里面没有dev，后面vu...
对于资源上MissingScript的清理方案讨论
weixin_33859504的博客
08-04 711
　　Unity工程随着复杂度的提升，常会有Prefab上的脚本丢失的情况，如下图所示： 　　 　　首先失去关联的脚本，是没有线索找到原来是什么文件的，那么有没有办法批处理将这些MissingScript进行一下清理呢？就我使用的Unity4.6所提供的接口来说，没有非常完美的解决办法，但有一些还算可以用来解决问题的做法。 　　方法1：找到所有包含有Missing脚本的Prefab，然后逐个手...
Ant Design Pro v4　最新版安装（跳过所有坑）
weixin_44736274的博客
06-28 3万+
先上一些官方的话 Ant Design Pro 是一个企业级中后台前端/设计解决方案，我们秉承 Ant Design 的设计价值观，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件/配套设计资源，进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。随着『设计者』的不断反馈，我们将持续迭代，逐步沉淀和总结出更多设计模式和相应的代码实现，阐述中后台产品模板/...
npm ERR! missing script: ** 报错
小心仔的博客
06-21 2万+
首先查看报错信息 意思大概是找不到dev ，问我是不是找serve 看自己的package.json 是否有？
vue运行 missing script
乾坤未定，你我皆是黑马
08-04 447
我是因为目录错了 需要进入相应的项目目录
运行npm run dev 提示：missing script:dev
u014202165的博客
02-27 1万+
1.首先可以初始化package.json文件  // npm init (会生成一个新的package.json文件，你在哪个路径下初始化的就去哪个路径下去找) 2.打开文件你会scripts下发现少了很多脚本，只有一个test，这时在命令行输入：vue init webpack 找回丢失的脚本 3.当你运行 npm install 时报错 解决：打开报错文件中找到错误信息下提示的路径，...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值