世界上最伟大的投资就是投资自己的教育
嗨
大家好,欢迎来到
求知久久,我是随风,我们接着上一节来继续讲解
我们这一节来开始搭建这个项目
我们首先进入这个终端,命令行提示符这里
我们先新增个空目录,你自己命名
$ mkdir antd-pro-role
比如说我叫这个 antd-pro-role
然后呢
进入这个目录
$ cd antd-pro-role
首先第一步我们要确保它是个空目录
对吧
我们新增的,一个空目录,里面不要放任何内容
然后呢
我们要更新一下这个 umi 工具
$ yarn global add umi
我这里喜欢用这个 yarn 命令
你也可以用 npm,一样的
我们先把 umi 更新一下
保持它的版本为最新的
这里已经更新完成了
我们可以看一下它的版本
$ umi --version
2.12.7
当前版本是 2.12.7,接下来呢
我们可以这样
我们创建项目
$ yarn create umi
等一下它会弹出这个提示
让你选择一个框架
我们就选择第一个,antd design pro
接下来呢
这里可以选择语言,我们就选 TypeScript
然后
它就会去克隆这个项目
它已经提示成功了
已经做完了这个过程
我们现在就可以查看它的内容
已经产生了一些文件
这样是可以的
接下来呢
我们可以使用 yarn install
安装一些依赖
这里要稍等一段时间,好
现在已经安装成功了
那么,我们就 yarn start 启动一下
其实这个项目运行在
这个 8000 端口
行
现在已经跑起来了
这个就是它那个后台的项目
最后我把源码目录名改了一下,看下图
相关资源
02:521FreeAnt Design Pro v4 基于角色的权限访问控制实战教程 #1 课程介绍(带中英字幕)
05:12FreeAnt Design Pro v4 基于角色的权限访问控制实战教程 #2 初始化项目
06:503FreeAnt Design Pro v4 基于角色的权限访问控制实战教程 #3 使用 umi ui 创建项目
06:204FreeAnt Design Pro v4 基于角色的权限访问控制实战教程 #4 使用 umi ui 导入已创建好的项目并讲解 umi ui 的使用
07:185ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #5 登录页面讲解
10:406ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #6 接入后端的服务器 API
08:227ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #7 登录功能报错与跳转
08:088ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #8 获取当前用户的信息 - currentUser
12:129ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #9 保存 jwt token 成功登录 - saveCurrentUser
09:2410ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #10 登录出错信息处理
07:4611ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #11 显示个人头像和用户名
14:4412ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #12 jwt token 过期了怎么办?- 分析原理
09:0313ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #13 菜单没有显示出来怎么办?- 权限讲解
08:0814ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #14 后端修改权限之后前端没有更新到最新的权限
09:5215ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #15 第二部分 - 授权管理 - 员工管理
13:0216ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #16 pro blocks 更新到 antd v4 版本,icon 写法改变了
10:3417ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #17 要升级到 ant design@4 吗?
04:1718ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #18
15:4919ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #19 员工列表 part 1(已经使用了 antd@4)
09:4520ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #20 员工列表 part 2
08:1821ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #21 添加员工
12:3022ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #22 修改员工
12:1923ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #23 角色管理 - 添加角色 - 修改角色
08:4624ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #24 权限管理 - 添加权限 - 修改权限
11:4025ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #25 完成分页 - 前后端
11:3526ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #26 给角色分配权限 part 1 - ^_^
13:5127ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #27 给角色分配权限 part 2 - ^_^
06:3328ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #28 给角色分配权限 part 3 - ^_^
12:1229ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #29 给员工分配多个角色
06:3030ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #30 权限验证
05:5431ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #31 完善所有权限
08:4332ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #32 有权限才能显示操作按钮 - part 1
05:4133ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #33 有权限才能显示操作按钮 - part 2
03:3134ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #34 有权限才能显示操作按钮 - part 3
10:4335ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #35 给权限分组
04:5536ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #36 远程获取动态菜单 part 1
04:4337ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #37 远程获取动态菜单 part 2
05:4138ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #38 菜单管理 - 后端
04:3439ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #39 菜单管理 - 前端
09:0140ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #40 菜单层级关系
05:2141ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #41 完善菜单
05:1942ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #42 下拉选择菜单 part 1
11:0843ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #43 下拉选择菜单 part 2
08:0944ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #44 下拉选择菜单 part 3
10:1345ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #45 解决更新菜单的问题
06:0446ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #46 远程返回动态菜单
05:1847ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #47 菜单与权限绑定
09:2848ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #48 根据权限获取相应的菜单
▬▬▬▬▬▬ 联系我 👋 ▬▬▬▬▬▬
知乎:https://www.zhihu.com/people/rails365
掘金:https://juejin.cn/user/1574156379888263
b 站:https://space.bilibili.com/31152817
Github:https://github.com/hfpp2012
Youtube:https://www.youtube.com/channel/UCA-Jkgr40A9kl5vsIqg-BIg
Discord:https://discord.gg/5rdjnEnU7F
Twitter:https://twitter.com/qiuzhi99pro
Facebook:https://twitter.com/qiuzhi99pro
Instagram:https://www.facebook.com/pro.qiuzhi/
▬▬▬▬▬▬ 微信相关 👋 ▬▬▬▬▬▬




© 汕尾市求知科技有限公司 | 专业版网站 | 在线学员:1129
粤公网安备 44152102000088号
| 粤ICP备19038915号