umi搭建react+antd项目(一)环境配置

释放双眼,带上耳机,听听看~!

1.先创建文件夹,windows用户手动创建就行了


1
2
1mkdir myReact && cd myReact
2

2.在myReact目下,执行脚手架命令,默认选择antd


1
2
1yarn create umi
2

umi搭建react+antd项目(一)环境配置

创建项目成功:

umi搭建react+antd项目(一)环境配置
3.输入yarn安装node模块

umi搭建react+antd项目(一)环境配置

4.运行项目:yarn start

umi搭建react+antd项目(一)环境配置

5.访问http://localhost:8000/

umi搭建react+antd项目(一)环境配置

6目录介绍


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
1.
2├── dist/                          // 默认的 build 输出目录
3├── mock/                          // mock 文件所在目录,基于 express
4├── config/
5    ├── config.js                  // umi 配置,同 .umirc.js,二选一
6└── src/                           // 源码目录,可选
7    ├── layouts/index.js           // 全局布局
8    ├── pages/                     // 页面目录,里面的文件即路由
9        ├── .umi/                  // dev 临时目录,需添加到 .gitignore
10        ├── .umi-production/       // build 临时目录,会自动删除
11        ├── document.ejs           // HTML 模板
12        ├── 404.js                 // 404 页面
13        ├── page1.js               // 页面 1,任意命名,导出 react 组件
14        ├── page1.test.js          // 用例文件,umi test 会匹配所有 .test.js 和 .e2e.js 结尾的文件
15        └── page2.js               // 页面 2,任意命名
16    ├── global.css                 // 约定的全局样式文件,自动引入,也可以用 global.less
17    ├── global.js                  // 可以在这里加入 polyfill
18├── .umirc.js                      // umi 配置,同 config/config.js,二选一
19├── .env                           // 环境变量
20└── package.json
21

给TA打赏
共{{data.count}}人
人已打赏
安全技术

【JWT】JWT+HA256加密 Token验证

2021-8-18 16:36:11

安全技术

C++ 高性能服务器网络框架设计细节

2022-1-11 12:36:11

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索