Ant Design Pro V4 安装

最新推荐文章于 2024-06-07 19:45:32 发布
最新推荐文章于 2024-06-07 19:45:32 发布
阅读量1k 收藏 1
点赞数 3
分类专栏： antd 文章标签： reactjs typescript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45991188/article/details/106837953
版权

安装

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 start

效果如下:
在这里插入图片描述

图灵晚辈
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Ant Design Pro V4 零基础安装（小白级教程）
有趣技术
04-11 2043
一、准备工作 安装Git，官网下载地址：https://git-scm.com/download/win 安装Node，官网下载地址：https://nodejs.org/zh-cn/ 安装python2.7（某些依赖需要），待更新（可自行搜索安装）。 利用Visual Studio安装C++环境（某些依赖需要），待更新（可自行搜索安装） 二、环境配置 npm设置淘宝源： npm con...
ant design pro安装
zyzn1425077119的博客
11-04 1873
一、过程安装 其中安装成功后出现404参考 第二个大导航 所有都需要安装最新版本的 包括装node（node 10.13.0，自带npm 版本6.4.1）、yarn、和git（建议最新版本，否则会出很多问题） node最新版本出了很多问题，最后用了node 10.13.0 下面为ant design pro 官网安装 https://pro.ant.design/docs...
Ant Design Pro
最新发布
m0_73966521的博客
06-07 804
Ant Design Pro 是基于，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件/配套设计资源，进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。随着『设计者』的不断反馈，我们将持续迭代，逐步沉淀和总结出更多设计模式和相应的代码实现，阐述中后台产品模板/组件/业务场景的最佳实践，也十分期待你的参与和共建。（官网写的）
Ant Design Pro v4　最新版安装（跳过所有坑）
weixin_44736274的博客
06-28 3万+
先上一些官方的话 Ant Design Pro 是一个企业级中后台前端/设计解决方案，我们秉承 Ant Design 的设计价值观，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件/配套设计资源，进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。随着『设计者』的不断反馈，我们将持续迭代，逐步沉淀和总结出更多设计模式和相应的代码实现，阐述中后台产品模板/...
ant desin pro v4 从服务器获取菜单，js版，非typeScript
aSuncat
10-23 1922
2019年10月23日： 网上一直找不到ant design pro v4版本从服务器获取菜单的完整代码，官网文档也太粗略，于是写了这篇文章。 一、BasicLayout.js 1、标签ProLayout增加属性 const { dispatch, children, settings, menuData } = props; ...... // menuDataRender={menuDataR...
Ant Design Pro v4 开发备忘，TypeScript 版本
Where there is a will there is a way
08-30 2095
官方项目里的版本为1.0.0，实际上习惯称这个版本为 v4，相对之前的版本，改动比较大。请参考：Ant Design Pro v4 is Here Ant Design Pro 相关文档 github 地址 中文文档 区块中文文档 下载区块 在 windows 10 下 npm run fetch:blocks，总是非常慢，还经常卡住不动，而且即使显示执行成功，实际上有好多文件没有下载完，导...
ant design pro项目安装以及坑点和大部分可能出现问题总结
热门推荐
m0_51291285的博客
07-14 4万+
ant design pro
Ant Design 3.x 升级到4.0的过程
m0_49016709的博客
05-30 2316
1、执行npm i -g @ant-design/codemod-v4 全局安装 2、这是代码会有改动，git status 查看代码状态 3、git commit 本地合并 4、antd4-codemod src （会把你现在所有组件不支持antd4.0的自动改为支持antd4.0 如果中途报错了，可以根据错误修改，然后再运行antd4-codemod src，反复操作一直提示无错误） 第一次执行完成如下图 有五处需要手动修改的，按照去修改 5、安装compatible npm i @ant-des
Ant Design Pro安装及简单搭建
m0_61961937的博客
10-16 7352
Ant Design Pro安装及简单搭建
AntDesign Pro安装过程
老杜的博客
09-12 4710
AntDesign Pro安装编译过程
React及Ant Design Pro零基础快速入门
12-27
Ant Design Pro是一个企业级中后台前端/设计解决方案，秉承了 Ant Design 的设计价值观，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件/配套设计资源。随着设计者的不断反馈，Ant Design Pro将逐步沉淀和总结出更多设计模式和相应的代码实现，进一步提升企业级中后台产品设计研发过程中的用户和设计者的体验。总之，Ant Design Pro是一套基于 React 的中后台管理控制台的脚手架，可以帮助你快速搭建企业级中后台产品原型。
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）等待项目创建
【商城后台管理系统】项目初始化（UmiJS）
io_123io_123的博客
03-15 860
项目简介；技术栈；关于umijs的安装，下载和使用；关于umijs具体的目录结构，常用配置项等
【系列文章模板】标题示例：Python 机器学习入门之pandas的使用
weixin_47064102的博客
08-03 833
文章目录前言一、pandas是什么？二、使用步骤总结 前言 随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 正文： 一、pandas是什么？ pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。Pandas 纳入了大量库和一些标准的数据模型，提供了高效地操作大型数据集所需的工具。pandas提供了大量能使我们快速便捷地处理数据的函数和方法。你很快就会发现，它是使Python成为强大而高效的数据分析环境的重要因素
Ant Design pro入门教程
hong
09-02 4850
Ant Design pro入门教程 最近公司再开项目 又要用antd 这次刚好给大家写一个入门安装教程 ( v5 typescript版本 ) 这套模板使用了react框架为基础哦 1. 准备环境 安装node 进入官网下载 点击进入node官网 像QQ一样下一步一步直接安装就好 打开cmd 输入node-v 查看是否安装成功和版本号 2. 开始使用ant design pro 创建一个空文件夹 并拖拽到编辑器里 这里我用的是vscode (忽略我的文件名 刚好在做测试) 打开终
Ant Design Pro 升版本坑坑日记
u011487710的博客
11-12 5970
Ant Design Pro 使用了umi 以前的分支使用的是老版本——dva 现在的umi 在切换分支时，自动的切换了package.json node_models 文件，在merge 代码的时候注意。 1 npm 源，统一更改为官方源 查看源 npm get registry 切换为官方源 npm config set registry https://registry.n...
Umi + React + Ant Design Pro 项目实践（六）—— ProLayout 应用
且听风吟的博客
03-15 1419
Umi + React + Ant Design Pro 项目实践 ProLayout 应用
Ant Design的安装
高先生的猫
06-01 2986
首先我们采用React的脚手架搭建一个项目: create-react-app my-app //创建项目 cd my-app //进入目录 npm i redux -S //安装redux npm i react-redux -S //安装redux npm i redux-thunk -
Ant Design Pro v4
05-30
Ant Design Pro v4 是一套开箱即用的企业级中后台前端/设计解决方案。它基于 Ant Design 设计体系，提供了丰富的组件和模板，能够快速搭建中后台系统的前端界面和功能。Ant Design Pro v4 具有以下特点： 1. 开箱即...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值