一个基础的 Umi 项目大致是这样的，

.
├── package.json
├── .umirc.ts
├── .env
├── dist
├── mock
├── public
└── src
   ├── .umi
   ├── layouts/index.tsx
   ├── pages
       ├── index.less
       └── index.tsx
   └── app.ts

下图是创建项目的的结构：

src 目录

源代码目录。

.umi 目录

临时文件目录，比如入口文件、路由等，都会被临时生成到这里。不要提交 .umi 目录到 git 仓库，他们会在 umi dev 和 umi build 时被删除并重新生成。

layouts/index.tsx

约定式路由时的全局布局文件。

pages 目录

所有路由组件存放在这里。

app.ts

运行时配置文件，可以在这里扩展运行时的能力，比如修改路由、修改 render 方法等。

.editorconfig

编辑器配置文件。详细资料访问：https://editorconfig.org/## 

.env

环境变量。

初始化项目的时候是没有该文件的需要手动添加。

.gitignore

 提交到git服务器时忽略的文件配置。

.prettierignore

代码格式化时忽略的文件配置。

.prettierrc

代码格式化的规范配置。

.umirc.ts

umi的配置。

package.json

包含插件和插件集，以 @umijs/preset-、@umijs/plugin-、umi-preset- 和 umi-plugin- 开头的依赖会被自动注册为插件或插件集。

.umirc.ts

配置文件，包含 umi 内置功能和插件的配置。

dist 目录

执行 npm run build 后，生成的文件默认会存放在这里。

public 目录

此目录下所有文件会被 copy 到输出路径。

视频课程