剧场模式
首页前后端分离Ant DesignAnt Design Pro v4 基于角色的权限访问控制实战教程

Ant Design Pro v4 基于角色的权限访问控制实战教程 #2 初始化项目

求知小风 · 真仙发布于新课程
0

大家好,欢迎来到

求知久久,我是随风,我们接着上一节来继续讲解

我们这一节来开始搭建这个项目

我们首先进入这个终端,命令行提示符这里

我们先新增个空目录,你自己命名

$ 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 端口

现在已经跑起来了

这个就是它那个后台的项目

最后我把源码目录名改了一下,看下图

相关资源

https://github.com/ant-design/ant-design-pro

0 条回复
暂无回复~~
加微信(qiuzhi99666)入群官方服务号
随机课程
React & Redux 实现注册登录认证系统

React & Redux 实现注册登录认证系统

31 个视频3 小时 18 分钟高级

Pro¥ 179.00¥ 143.20

Redux已完结

学员(25)
烂肉 · 大罗木杉化十 · 元婴萎鳴咸一 · 真仙zev91 · 练虚init · 元婴Peter · 元婴言字旁 · 元婴啦啦啦丶 · 元婴terry · 太乙左左木 · 元婴cpboom · 大乘心灵归属 · 元婴
最新动态
烂肉 · 大罗学习到了5:36
木杉化十 · 元婴学习到了5:17
萎鳴咸一 · 真仙学习到了3:01
zev91 · 练虚学习到了5:13
init · 元婴学习到了0:00
统计信息
    学员: 15240
    视频数量: 879
    帖子数量: 433

© 汕尾市求知科技有限公司 | 粤ICP备19038915号 | 在线学员:134

Top