umi搭建react+antd项目（一）环境配置

1.先创建文件夹，windows用户手动创建就行了
mkdir myReact && cd myReact
2.在myReact目下，执行脚手架命令，默认选择antd
yarn create umi


创建项目成功：


3.输入yarn安装node模块



4.运行项目：yarn start



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



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

• « 上一篇：我们成了学校的赚钱机器
• » 下一篇：33岁腾讯员工从22楼跳下：成年人的崩溃，都是默不作声的......