Umijs创建一个antd+Ts项目环境

上文搭建Umijs环境并创建一个项目 介绍基本操作中 我们构建了一个Umijs环境的环境
但也只创建了一个页面 真正开发来讲 也不可能只创建几个界面这么简单

这里面的创建 还是非常完整的
Umijs创建一个antd+Ts项目环境_第1张图片
这里 我创建一个文件夹 主要是做我们的项目目录
Umijs创建一个antd+Ts项目环境_第2张图片
然后 我们在终端输入命令
然后 打开目录终端输入

npm create umi

然后 会弹出对话框 需要我们选择
Umijs创建一个antd+Ts项目环境_第3张图片
这里问我们需要创建一个什么样的项目 我们选antd吧 因为这是大部分react开发者关注的点 很多公司也都涉及到了
Umijs创建一个antd+Ts项目环境_第4张图片
管理工具的话 就npm吧 毕竟用习惯了
Umijs创建一个antd+Ts项目环境_第5张图片
注册 还是npm吧
Umijs创建一个antd+Ts项目环境_第6张图片
装好之后 这个结构就出来了
Umijs创建一个antd+Ts项目环境_第7张图片
然后 我们

npm install

安装一下依赖

装好之后 我们终端执行

npm run dev

我们项目就起来了
Umijs创建一个antd+Ts项目环境_第8张图片
浏览器访问地址 我们整体的项目结构就出来了
Umijs创建一个antd+Ts项目环境_第9张图片

你可能感兴趣的:(react.js,antd)