一、创建项目
-
新建一个项目空目录,随便取一个名字:umi-react
-
打开命令行,执行:yarn create @umijs/umi-app
-
安装依赖,执行:yarn
-
运行项目:执行:yarn start
二、项目eslit配置(推荐)
umi自带的一个Eslint+Prettier的一个插件,推荐安装,如果不习惯也可以不装
github传送门
三、路由配置
四、全局样式和antd全局主题
- 全局样式
src下新建global.less文件(umi约定,固定写法) - 全局主题
项目根目录下新建文件夹config/theme.tsx
.umirc.ts里引入
import { defineConfig } from 'umi';
import theme from './config/theme';
export default defineConfig({
// antd全局主题
theme: theme,
});