释放双眼,带上耳机,听听看~!
1.先创建文件夹,windows用户手动创建就行了
1
2 1mkdir myReact && cd myReact
2
2.在myReact目下,执行脚手架命令,默认选择antd
1
2 1yarn create umi
2
创建项目成功:
3.输入yarn安装node模块
4.运行项目:yarn start
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