体验ANT DESIGN PRO V5--项目创建并安装umi气泡工作台

ant design pro V5版beta版发布了，距离上次使用ant design pro已经过去两年，看到V587的新版本发布便迫不及待的再来体验下。首先按照官方文档创建项目，项目创建流程如下：

0. 创建项目

新建一个空文件夹test-v5，终端在该文件夹下下运行npx npx create-umi
选择 ant design pro
选择版本V5
稍微等待一会项目就创建好了，接着就是常规的安装依赖

2. 启动项目

将项目拖到vscode查看pkg文件，启动项目
成功启动
熟悉的界面，看着就有中想马上拿他coding的冲动
添加umi气泡工作台，在pkg文件中添加script并执行

还是不展示。。。最后发现是缺少@umijs/preset-ui，安装依赖npm install @umijs/preset-ui -D

再次启动执行： npm run start:ui 熟悉的感觉又回来了

至此，一个v587的antdesignpro项目就创建完毕了。下篇文章记录下权限管理和从服务端请求菜单。

体验ANT DESIGN PRO V5--项目创建并安装umi气泡工作台相关推荐

Umi v3 Ant Design Pro v5 从零开始实战视频教程（34 个视频）
Umi v3 & Ant Design Pro v5 从零开始实战视频教程(34 个视频) Umi v3 & Ant Design Pro v5 视频教程,从零开始学习,搭建一个完整的 ...
ant design pro v5 总结
Ant Design Pro v5 使用心得相比V4,V5到底强在哪? 如何更改 title图标和加载时的页面? defaultSettings中菜单的几种模式及主题等配置国际化 request ...
Ant Design Pro V5删除自带的国际化
Ant Design Pro V5删除自带的国际化最近做了一个基于Ant Design pro v5 + umi3的集团晋升系统,运行项目的时候,路由那边自定义name的时候会触发框架自带的国际化, ...
Ant Design Pro v5 正式版从零开始实战 Refresh Token 视频教程（13 个视频）
Ant Design Pro v5 正式版从零开始实战 Refresh Token 视频教程(13 个视频) Ant Design Pro v5 正式版出来了,跟之前的版本在代码上有些细微的差异,这套 ...
Ant Design Pro v5 获取动态菜单与基于角色权限管理视频教程（33 个视频）
Ant Design Pro v5 获取动态菜单与基于角色权限管理视频教程(33 个视频) 很多人问如何获取动态菜单的,所以在 antd prov 5 来讲一下角色管理的.从最基础的用户管理,角色管理 ...
ant design pro v5去掉水印
ant design pro v5去掉水印 ant design pro v5去掉水印 ant design pro v5去掉水印配置水印,水印是 PageContainer 的功能,layout ...
使用ant design Pro开发项目的小结
一.关于上手. 1. 关于ant design Pro的介绍,自己看官网,大致上可以理解为ant design(组件库) ant design Pro (完整的项目) dva(路由数据流管理)的组合 ...
Ant Design Pro -- 02项目结构@20210331
一.项目的目录结构 ├── config # umi 配置,包含路由,构建等配置 ├── docker # 部署 ├── functions # ├── mock # 本地模拟数据 ├── publi ...
Ant Design Pro V5精讲（实践篇一）：自定义登录界面、主界面
用户需求登录界面改造成自己的主界面的logo及产品名称改造成自己的语言包去掉或者只留中英语言包登录界面改造进入pages/user/login目录找到index.tsx // 去掉语言包栏目 ...

体验ANT DESIGN PRO V5--项目创建并安装umi气泡工作台

0. 创建项目

2. 启动项目

体验ANT DESIGN PRO V5--项目创建并安装umi气泡工作台相关推荐

最新文章

热门文章