1.新建一个static Web项目
2.打开terminal窗口,输入指令:tyarn init -y 其作用是对项目进行初始化。
3.再输入指令:tyarn add umi --dev 其作用是添加项目依赖。执行结果后会生成一个package.json文件,其内容如下:
接下来我们需要在该文件的devDependencies中添加如下:
添加该依赖的作用是为了方便后面调用dva、antd等组件
"devDependencies": {
"@umijs/preset-react": "^1.8.8", //添加这个作为config.js在引用react组件时的依赖
"umi": "^3.4.22"
},
注意:修改了package.json文件后,此时需要重新执行 tyarn add umi --dev 配置的内容才会生效。
3.创建config目录,并创建config.js
export default{
dva:{}, //开启dva功能
antd:{} //开启antd功能
}
4.创建src目录,并创建子目录pages、models、layouts
5.开启项目,指令为:umi dev
任何时候,只要修改了package.json文件,如果里面要求我们yarn install,那么就需要重新执行tyarn add umi --dev