当前位置: 首页 > Web前端 > vue.js

AntDesignProv4基于角色的访问控制实战教程#2初始化项目

时间:2023-03-31 16:26:36 vue.js

大家好,欢迎来到求久久,我是随风,我们继续上一节继续讲解我们这节开始搭建这个项目,我们首先进入这个终端,命令行提示这里我们先添加一个空目录,你自己命名$mkdirantd-pro-role比如我这里叫antd-pro-role然后进入这个目录$cd`antd-pro-role`第一步是确保它是一个空目录,对吗?我们只是添加了它,一个空目录,里面什么都不放,然后我们要更新这个umi工具$yarnglobaladdumi我这里喜欢用这个yarn命令也可以用npm。同理,我们先更新umi,使其版本保持最新。这里已经更新了,我们可以查看它的版本。$umi--version2.12.7当前版本是2.12.7,那么下来,我们可以这样创建一个项目$yarncreateumi稍等一下,会弹出这个提示让你选择框架,我们就选择第一个,antddesignpro接下来,这里可以选择语言,我们选择TypeScript,它会克隆这个项目,就说明成功了。该过程已完成。我们现在可以查看其内容。生成了一些文件,就可以了。接下来,我们可以使用yarninstall安装一些依赖项。在这里稍等片刻,好吧既然安装成功了,那我们就用yarnstart来启动吧。其实这个项目是运行在8000端口的,现在正在运行。这是它的后台项目。最后,我更改了源代码目录的名称。相关资源见下图https://github.com/ant-design...