Ant Design Pro V4 和umi-ui使用步骤

最新推荐文章于 2024-06-10 09:38:13 发布
最新推荐文章于 2024-06-10 09:38:13 发布
阅读量3.9k 收藏 5
点赞数
分类专栏： 前端开发 文章标签： reactjs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014802777/article/details/112600760
版权

181@TOC

Ant Design Pro V4 和umi-ui使用步骤

1、简介

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

2、安装

默认你本地已安装好node环境，推荐使用tyarn或者cnpm 国内速度快点

新建一个空的文件夹作为项目目录，并在目录下执行：
	yarn create umi
	or
   	npm create umi

选择 ant-design-pro.

 Select the boilerplate
最低0.47元/天 解锁文章
「已注销」
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
react-umi-2.8使用umi块(umi ui)部署首页
echo_Ae的博客
12-08 1955
效果图： umi2.x版本之前安装都是这样安装的 可是umi3.x版本之后你会发现文档没有 块 这文档，反而只有一个使用 umi UI 哈哈哈，没错如果我们要使用umi提供的块模板，只能通过umi UI 来进行安装，下面开始介绍umi ui如何安装 yarn add @umijs/preset-ui -D 耐心等待一段时间... 安装完成之后，你肯定会一头雾水文档写的是执行 UMI_UI=1 umi dev 哈哈哈，其实这时候我们直接执行 yarn start 或者 ..
ant-design-pro4/5以及umi-ui 的使用步骤（采坑记录）
热门推荐
良月、一的博客
11-14 1万+
1、创建项目 新建文件夹myapp，执行以下命令 npm create umi 或者 yarn create umi 2、选择ant-design-pro 3、根据提示选择版本 pro4 或者pro5 若选择pro4，则继续以下步骤，若选择pro5 则会直接创建项目，安静等待创建完成即可 （1）选择使用TS 还是JS (2) 选择是否需要完整的区块，如果选择simple 则之后创建一个简单的项目，若是创建complete 则会创建一个比较完整的项目（包含了一些页面案例之类的） （3）等待项目创建
ant design pro / umi入门
qq_20110981的博客
01-22 1375
初始化 我们提供了 create umi 来快速的初始化脚手架。 使用 npm npx create-umi myapp 使用 yarn yarn create umi myapp 安装依赖： $ cd myapp && tyarn // 或 $ cd myapp && npm install 开启 Umi UI（可选）： // 打开开发模式下页面右下角的小气泡，方便添加区块和模版等pro资产 $ tyarn add @umijs/preset-ui -D // 或 $ np
探索未来开发新境界：Umi UI
最新发布
gitblog_00076的博客
06-10 271
探索未来开发新境界：Umi UI 项目地址:https://gitcode.com/umijsumi/umi-ui Umi UI 是一款专为 Umi 框架打造的研发工作台，它带来了一整套可视化的辅助编程插件，旨在提升开发效率，优化开发体验。这个强大的工具让开发者可以更加高效地管理Umi项目，提供直观的任务视图和丰富的资产操作功能。 一、项目介绍 Umi UI 不仅仅是一个简单的IDE扩展，而是一个...
Umi框架使用详细教程demo,从快速入门到进阶
qq_42704945的博客
08-08 1万+
Umi 使用了 webpack 作为底层构建工具。通过中的配置，可以自定义 webpack 配置。config},Umi 框架提供了丰富的功能和灵活的配置选项，使得前端开发变得更加简单、高效和具有扩展性。通过本教程，我们详细介绍了 Umi 的使用和配置以及一些进阶功能和扩展的知识点。希望这个 Umi 框架详细教程对你有所帮助！
Win10系统右键菜单出现位置调整-右键菜单位于光标左边的解决方法
lixiaotao_1的博客
08-13 5710
有些用户安装的Windows 10系统从表面看没有任何问题，但在使用右键时，细心的用户就会发现，右键菜单弹出位置不对，觉得非常的别扭。那么这个问题如何解决？今天我就为大家简单介绍一下操作步骤。 01.使用组合键“Win+R”，调出“运行”对话框，在文本框中输入“shell:::{80F3F1D5-FECA-45F3-BC32-752C152E456E}”，点击确定按钮，如图所示。 02.系统弹出“平板电脑设置”界面，点击“其他”按钮，如图所示。 03.选择“惯用左手”选项，点击“确..
ant-design-pro-V5-multitab:基于 ant design pro V5 版本实现多标签切换 基于umi插件 umi-plugin-keep-alive 实现 （目前只支持layout
05-25
ant-design-pro-V5-multitab 基于 ant design pro V5 版本实现多标签切换 基于umi插件 umi-plugin-keep-alive 实现 （目前只支持layout: "side"模式， fixedHeader: true,）
umi-antd-pro::ghost:use umi conventional routing in Ant Design Pro 使用umi约定式路由多Tabs的Ant Design Pro（Antd Pro的实验项目）
05-22
English || | | 蚂蚁设计专业版 适用于企业应用程序的即用... 宣布Ant Design Pro 2.0.0 翻译招聘 :loudspeaker: 我们需要您的帮助： https : //github.com/ant-design/ant-design-pro/issues/120 特征 :gem_stone:
ant-design-pro：像Pro一样使用Ant Design！
02-05
适用于企业应用程序的即用型UI解决方案，作为React样板。 预览： ： 主页： ： 文档： : 变更日志： : 常见问题解答： ： 中国镜像网站： ： 5.0已准备好试用！ :party_popper: :party_popper: :party_popper...
基于 umijs + electron + ant-design-pro 的项目模板开发代码
03-12
4. **ant-design-pro的使用**：掌握如何在项目中引入并使用`ant-design-pro`的组件，理解其主题定制和按需加载策略，以及如何自定义组件和页面。 5. **路由管理**：通过umi的路由机制，学习如何定义和配置路由，...
react-ant-admin：使用ant-design react react-hook ts开发的类ant-design-pro管理后台，具有完整的权限系统和配套的node + ts的api
02-05
redux之外，还包含了umi ， dva ， ant-design/pro-layout等其他东西，当这些概念和ts结合起来使用的时候，我瞬间感觉无处下手，后面又仔细了阅读了权限设计，菜单栏渲染部分的代码，我重新定义了， Ant Desig
umi-dva-antd-mobile-starter:Umi3.js和Ant Design Mobile入门
04-29
umi-dva-antd-mobile-starter 开始使用Umi.js和Ant Design Mobile。入门安装依赖项。 yarn 启动开发服务器。 yarn start 精简生产。 yarn build 精打细算为发展而建设。 yarn dev执照麻省理工学院
ant design pro动态菜单
10-08
Ant Design Pro是一款基于React的UI设计框架，专为中大型企业级后台管理系统提供高效、美观且易用的组件和解决方案。动态菜单是Ant Design Pro中一个重要的功能模块，它允许根据用户权限和业务需求动态生成菜单结构...
umi-dva-antd-starter:Umi3.js和Ant Design入门
05-12
umi-dva-antd-starter 开始使用Umi.js和Ant Design。入门安装依赖项。yarn 启动开发服务器。yarn start 精简生产。yarn build 精打细算为发展而建设。yarn dev执照麻省理工学院
ant-design-pro-layout：:night_with_stars:强大且易于使用的精美布局
02-05
此变更不影响继续使用@ant-design/pro-layout这个npm包名安装使用此组件。 English |蚂蚁设计专业版图 适用于企业应用程序的即用型UI解决方案，作为React样板。 该存储库是Ant Design Pro的布局，其开发目的是为了...
ant-design-vue3-admin:一个基于 Vite2 + Vue3 + Typescript + tsx + Ant Design Vue 的后台管理系统模板，支持响应式布局，在 PC、平板和手机上均可使用
05-19
一个基于 Vite2 + Vue3 + Typescript + tsx + Ant Design Vue 的后台管理系统模板，支持响应式布局，在 PC、平板和手机上均可使用。 最新的技术栈 统一的技术规范 权限方案（路由，菜单，操作） 支持多语言 数据 ...
一、用户管理中心——前端初始化
m0_63853448的博客
01-20 755
项目创建成功后，在文件夹中出现myapp。打开终端，执行yarn,自动下载相关依赖。若成功，右下角增加一个入口。使用vscode打开项目。到这里初始化就成功了。
UmiJS上手
fmk1023的博客
02-22 2746
文章目录UmiJS上手一、安装环境二、目录结构2.1 目录结构2.2 根目录2.2.1 package.json2.2.2 .umirc.ts2.2.3 .env2.2.4 dist 目录2.2.5 mock 目录2.2.6 public 目录2.3 /src 目录2.3.1 .umi 目录2.3.2 layouts/index.tsx2.3.3 pages 目录2.3.4 app.ts三、配置3.1 配置文件3.2 TypeScript 提示3.3 本地临时配置3.4 多环境多份配置3.5 运行时配置3.
关于umi 悬浮小图标不显示问题的解决
weixin_74783792的博客
10-08 631
umi 悬浮小图标消失解决方案
ant design pro umi-ui
07-29
Ant Design Pro 是一套开箱即用的企业级中后台前端/设计解决方案，而 Umi UI 是基于 UmiJS 框架的 Ant Design Pro 的可视化配置工具。Ant Design Pro 提供了丰富的组件和模板，帮助开发者快速搭建现代化的中后台系统...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值