世界上最伟大的投资就是投资自己的教育
注意,由于新的 antd pro 源码已改变了,使用了 ts 来写,并且默认情况下删除了好多页面(看这里:Ant Design Pro v4 is Here),可以会出现下面的情况:
这是因为 antd pro 在不断更新,虽然录视频的时候,使用 antd pro 也是最新的版本,但是它是在不断地更新中。
可以这样解决,clone v2 版本的 antd pro (最新版应该会是 v4,没有 v3,不过还没正式发版,但是 github 的源码已经不是 v2 版本的)
第一步:
git clone https://github.com/ant-design/ant-design-pro --branch=v2
如果你不想 clone,也可以进这里下载:
https://github.com/ant-design/ant-design-pro/releases
第二步: npm install
cd ant-design-pro
npm install
第三步: npm start
npm start
如果 npm install 很慢,可能要自己用中国的源,比如搜索
npm 淘宝源
,yarn 安装很慢
之类的字眼来解决,网上好多解决方法。遇到一些库安装很慢,有些好像是可以忽略的,比如 puppeteer,等一些时间还是不行,就按 ctrl + c,再进行 npm install ,或实在不行,就搜索一下,类似这样:
npm puppeteer 很慢
这样运行起来就跟视频中是一样的了,可以进行学习:
UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 这套课程会使用最新版的 antd pro v4。
https://pro.ant.design/docs/getting-started-cn
https://github.com/ant-design/ant-design-pro
07:481FreeAnt Design Pro 企业级后台实战 #1 介绍(声音已调到毫无杂音^_^)
09:432FreeAnt Design Pro 企业级后台实战 #2 学习的思想(二更)
08:37FreeAnt Design Pro 企业级后台实战 #3 分析源码目录结构与跑起来(第三更)
03:394ProAnt Design Pro 企业级后台实战 #4 开始实战项目
06:095ProAnt Design Pro 企业级后台实战 #5 国际化与路由
06:256ProAnt Design Pro 企业级后台实战 #6 路由与菜单(今天第三更)
04:317ProAnt Design Pro 企业级后台实战 #7 使用 vscode 的代码提示来更好地写 antd pro 的代码
05:438ProAnt Design Pro 企业级后台实战 #8 更换主题的思想
10:159ProAnt Design Pro 企业级后台实战 #9 如何改变网站的主题风格
07:2910ProAnt Design Pro 企业级后台实战 #10 如何创建页面
04:5011ProAnt Design Pro 企业级后台实战 #11 如何修改请求的数据
06:3112ProAnt Design Pro 企业级后台实战 #12 antd pro 是如何封装请求的
07:2913ProAnt Design Pro 企业级后台实战 #13 修改数据
10:0914ProAnt Design Pro 企业级后台实战 #14 分析组件得到数据的流程
05:0815ProAnt Design Pro 企业级后台实战 #15 更改文件的内容
07:0116ProAnt Design Pro 企业级后台实战 #16 为什么要使用 mock
06:0817ProAnt Design Pro 企业级后台实战 #17 使用 mock 来摸拟数据
06:3018ProAnt Design Pro 企业级后台实战 #18 如何来更好地使用 mock
09:4619ProAnt Design Pro 企业级后台实战 #19 mock 功能、开发环境与生产环境
06:4520ProAnt Design Pro 企业级后台实战 #20 不使用 Mock,如何改为本地的服务
08:1921ProAnt Design Pro 企业级后台实战 #21 代理与跨域
04:4822ProAnt Design Pro 企业级后台实战 #22 umi 支持独立的 mock 服务吗 part 1
04:5623ProAnt Design Pro 企业级后台实战 #23 umi 支持独立的 mock 服务吗 part 2
06:2024ProAnt Design Pro 企业级后台实战 #24 把 ant design pro 部署到线上服务器 part 1
05:5625ProAnt Design Pro 企业级后台实战 #25 把 ant design pro 部署到线上服务器 part 2(第一部分完结)
04:1226ProAnt Design Pro 企业级后台实战 #26 更新内容与计划(第二部分开始更新)
05:1627ProAnt Design Pro 企业级后台实战 #27 引入真实的后端 API 服务(解决包版本依赖问题)
05:5128ProAnt Design Pro 企业级后台实战 #28 创建好后端服务(解决数据库问题)
06:4329ProAnt Design Pro 企业级后台实战 #29 从后端获得请求的数据内容(第二更)
04:3330ProAnt Design Pro 企业级后台实战 #30 简单了解下分页
04:0731ProAnt Design Pro 企业级后台实战 #31 表格组件(第二更)
03:5932ProAnt Design Pro 企业级后台实战 #32 表格 Table 和 卡片 Card
04:4733ProAnt Design Pro 企业级后台实战 #33 前端获得后端 API 返回的列表数据(第二更)
04:1734ProAnt Design Pro 企业级后台实战 #34 前端 connect model 的数据
05:4635ProAnt Design Pro 企业级后台实战 #35 前端 render 出后端的数据(第二更)
06:4036ProAnt Design Pro 企业级后台实战 #36 代码提交时关闭 eslint 检查(husky、lint-staged)
04:5437ProAnt Design Pro 企业级后台实战 #37 显示正确的数据(第二更)
06:4738ProAnt Design Pro 企业级后台实战 #38 显示正在加载中 loading 的标志
04:4339ProAnt Design Pro 企业级后台实战 #39 处理表格内容的显示(时间格式化)(第三更)
04:4940ProAnt Design Pro 企业级后台实战 #40 分页
06:4941ProAnt Design Pro 企业级后台实战 #41 前端的分页组件(第二更)
04:4942ProAnt Design Pro 企业级后台实战 #42 前端发送请求带上分页的页数参数(第四更)
06:4143ProAnt Design Pro 企业级后台实战 #43 后端手动处理分页(理解原理)
06:1144ProAnt Design Pro 企业级后台实战 #44 前端显示正确的分页信息
03:0845ProAnt Design Pro 企业级后台实战 #45 完成分页(第二部分结束,进入登录注册环节)
04:3546ProAnt Design Pro 企业级后台实战 #46 登录功能的问题(第三部分开启,第四更)
06:2547ProAnt Design Pro 企业级后台实战 #47 登录组件
06:0748ProAnt Design Pro 企业级后台实战 #48 登录的请求
10:4649ProAnt Design Pro 企业级后台实战 #49 分析登录权限的源码
07:4350ProAnt Design Pro 企业级后台实战 #50 为什么要把数据存储到 localStorage 或 cookies
09:4051ProAnt Design Pro 企业级后台实战 #51 实例讲解权限控制是如何运作的(第二更)
04:5852ProAnt Design Pro 企业级后台实战 #52 详细分析权限的源码
09:2153ProAnt Design Pro 企业级后台实战 #53 权限管理的组件分析
05:4854ProAnt Design Pro 企业级后台实战 #54 为什么要使用 json web token
03:5955ProAnt Design Pro 企业级后台实战 #55 什么是 json web token(jwt)
04:4556ProAnt Design Pro 企业级后台实战 #56 生成 json web token
07:5657ProAnt Design Pro 企业级后台实战 #57 实例讲解如何用 headers 返回 jwt - umi-request
07:5158ProAnt Design Pro 企业级后台实战 #58 详细讲解如何用 cookies 返回 jwt - cookie-parser
06:5959ProAnt Design Pro 企业级后台实战 #59 客户端解析 jwt 获得权限数据
04:4960ProAnt Design Pro 企业级后台实战 #60 解决登录问题(二更)
08:5661ProAnt Design Pro 企业级后台实战 #61 不能只相信前端,安全问题!
06:2262ProAnt Design Pro 企业级后台实战 #62 umi-request 发送请求时带上头部认证信息
06:3163ProAnt Design Pro 企业级后台实战 #63 服务器端验证 json web token
06:4764ProAnt Design Pro 企业级后台实战 #64 处理 json web token 的各种问题
08:3465ProAnt Design Pro 企业级后台实战 #65 用 umi-request 的拦截器解决登录之后的头信息发送问题
06:0566ProAnt Design Pro 企业级后台实战 #66 伪造 json web token ?
07:5767ProAnt Design Pro 企业级后台实战 #67 处理请求当前用户的问题
06:3068ProAnt Design Pro 企业级后台实战 #68 当前用户与一些组件 part 1
14:3169ProAnt Design Pro 企业级后台实战 #69 最烦人的一集,重大的关于重新登录的 bug
04:1570ProAnt Design Pro 企业级后台实战 #70 当前用户与一些组件 part 2
03:4171ProAnt Design Pro 企业级后台实战 #71 关于路由的一些问题(二更,还有三更)
04:0972ProAnt Design Pro 企业级后台实战 #72 如何给 dva 添加一个插件
05:1973ProAnt Design Pro 企业级后台实战 #73 完结(第四更)
▬▬▬▬▬▬ 联系我 👋 ▬▬▬▬▬▬
微信:qiuzhi99pro
b 站:https://space.bilibili.com/31152817
知乎:https://www.zhihu.com/people/rails365
Youtube:https://www.youtube.com/channel/UCA-Jkgr40A9kl5vsIqg-BIg
© 汕尾市求知科技有限公司 | 专业版网站 | 关于我们 | 在线学员:1149
粤公网安备 44152102000088号
| 粤ICP备19038915号
咋加载不是依赖呢
请教为什么我启动的页面没有 demo 的菜单呢,同时输入 localhost:8000/user/login 没有进入登录页呢?谢谢
你应该是 umi 生成的初始项目吧
我的步骤,第一步 git clone https://github.com/ant-design/ant-design-pro.git ,第二步:npm install,(yarn install 太慢了。) 第三步:yarn start。正确的步骤应该是什么呢? 感谢! 祝端午节快乐!
回去再发你吧
好的,节日快乐,晚上等你!
我刚才用了 ant-design-pro-cli 初始化菜单也不行,怀疑是因为安装 puppeteer 卡住导致了,这个包需要翻墙。
注意,由于新的 antd pro 源码已改变了,使用了 ts 来写,并且默认情况下删除了好多页面(看这里:Ant Design Pro v4 is Here),可以会出现下面的情况:
这是因为 antd pro 在不断更新,虽然录视频的时候,使用 antd pro 也是最新的版本,但是它是在不断地更新中。
可以这样解决,clone v2 版本的 antd pro (最新版应该会是 v4,没有 v3 _,不过还没正式发版)
第一步:
第二步: npm install
第三步: npm start
这样运行起来就跟视频中是一样的了,可以进行学习:
UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 这套课程会使用最新版的 antd pro v4。
感谢,我刚才尝试了下,完美解决我的问题。现在已经可以正常继续了。感谢你这么用心去关注用户感受!同时,我贪心一些,多问下你是如何能快速知道这个问题产生的原因是因为代码版本的问题的呢?
因为最近有听过 antd pro 的源码会修改
npm install 一下
请问这个是咋回事 我下载的课程代码

应该是你后端没有跑 git clone git@github.com:hfpp2012/redux-login.git --branch=antd_pro_backend 你先跟着来,别急着跑起来的,前端要跑的时候不要开启 mock,后面有说的,你先过一遍吧
讲解很详细啊,感觉比文档要详细很多
现在 github 上只有 2.2.0 版本的了,视频用的 2.3.0 版本的,能够提供原版的 2.3.0 的代码。(没改过的)
没改过的 https://github.com/hfpp2012/hello-antd-pro/tree/04_title_and_logo
或看看这个 https://github.com/ant-design/ant-design-pro/tree/v2