1、克隆代码 1 git clone --depth=1 https://github.com/vueComponent/ant-design-vue-pro.git 2、依赖安装 1 npminstall 提示eslint版本报错 去除eslint,将package.json 中eslint相关配置删除 3、重新安装依赖完成,没有报错 1 npminstall 4、 启动项目 1 npm run serve 提示webpack配置文件校验报错 5、安...
等待安装完成 5、npm start 项目运行 对比 到目前为止: antd 的最新版本是4.20.5 ant design pro 的最新版本是v5 react 的最新版本是18.1.0 typescript 的最新版本是4.6 根据官方文档的安装过程得到项目状态为: antd 的版本是4.19.0 ant design pro 的版本是5.2.0 react 的版本是17.0.0 typescript 的版本是...
二、安装@ant-design/pro-cli 使用@ant-design/pro-cli 来快速初始化一个脚手架项目,你可以使用以下命令来全局安装 @ant-design/pro-cli工具: PS C:\Users\charg> npm install @ant-design/pro-cli -g 三、创建项目 PS C:\Users\charg> pro create myapp 四、安装依赖 PS C:\Users\charg> cd myapp ...
1. ProLayout 关于ProLayout 我们其实已经在之前有接触了,它是一个高级布局组件,我们的ant design pro 就是基于 ProLayout 的布局组件搭建成我们喜欢的这个样子的。如果大家忘了,可以返回看一下,src/index.tsx 中的 Layout方法即可。它就是 ProLayout 。 2. ProForm ProForm 在原来的 Form 的基础上增加一些语...
简介:【Ant Design Pro】使用ant design pro做为你的开发模板(九)开发第一个完整的后台页面(二) 前言 上章我们说了,如何搭建一个自己想要的后台页面。那本章我们就来说一说,这个页面的接口调用,以及如果在这个页面中完成新增与编辑功能。 一、开发前: ...
主要是使用 React 和 TypeScript 以及 Ant Design Pro 开发中后台项目,那么就会有人问“可不可开发前台”,回答是“可以”;Ant Design 是蚂蚁金服的UI框架,发展历程可以说是从 saga-redux -> dva -> umi -> ant design ,说 ant design 是 react 的最佳实践确实是名副其实;其中我最喜欢或者说是 dva 最显...
Ant design pro新建项目 1、在空文件下 npm create umi 2、下载依赖包 yarn/npm install 3、启动项目 yarn start/npm start
Ant Design Pro 使用系列 前言 一、开发之前先了解知识? 二、使用步骤 1.基础查看 2.代码演示 3.实际操作 前言 哈喽,朋友们好久不见,这两周忙着实际工作的事情,所以没有更新,不知不觉我们已经针对...
简介:【Ant Design Pro】使用ant design pro做为你的开发模板(完结篇)上线部署项目 前言 断断续续,接近一个月时间,我们终于到了最后一个章节,部署上线。回想之前我们从刚开始的拉取代码,到修改代码,新增页面,调用接口,维护菜单一直到现在的上线部署,十篇文章,虽然不多,但是基本上都涵盖了我们快速开发的要点,伙伴...
官网使用了 npm i @ant-design/pro-cli -g安装脚手架,我使用了yarn add -g @ant-design/pro-cli全局安装。安装完成可以直接在全局文件夹中看到pro和pro.cmd。 全局安装的文件夹:npm config get prefix 或 yarn config get global-folder 2.3 创建项目 ...