您的位置:首页 > Web前端 > React

React+AntDesign开发完整的考勤系统前端页面(一)

2019-02-28 17:02 337 查看

一:项目准备工作

1:开发环境准备
准备好Visual Studio Code前端开发工具,下载并安装Node.js
2:项目准备
本次项目使用umi脚手架的方式创建
(1)打开开发工具打开项目文件夹并新建终端在终端里面输入命令 npm i yarn tyarn -g
使用yarn管理项目
(2)通过yarn导入umi 输入yarn global add umi
(3)同过yarn创建umi项目 yarn create umi
在创建项目的时候我们选择app并在下一步使用typescript ,选择antd这样脚手架项目便创建好了如下图所示

(4)使用npm i安装umi项目
(5)项目创建成功后我们输入 umi dev让项目跑起来(如下图所示)

项目创建好后的目录结构如下图所示

最后我们访问本地地址可以看到如下图所示的画面便说明通过UMI脚手架创建的项目成功了

访问的页面其实就是layouts下面的index页面。

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: