前言
umi 和 antd 升级有一段时间了,一直准备用这个插件式开发套件新建一个项目,用来体验下这个框架的优点。因为这个 umi 升级完成之后,文档写的略微对新手不太友好(比如我这样的菜鸡)。在新建一个基础架构的过程中也遇到了不少问题,把解决过程记录下,向大家分享下!
开始
首先 umi 的文档在此,可以参照这个快速上手进行搭建,我也是参照这个进行搭建的,简单说下步骤。
- 首先得有 node,并确保 node 版本是 10.13 或以上。(mac 下推荐使用 nvm 来管理 node 版本)
$ node -v
v10.13.0
- 用脚手架搭建一个初始项目目录 找个位置新建一个文件夹用来放置代码
mkdir test_umi && cd test_umi
然后执行命令yarn create @umijs/umi-app
通过官方工具创建项目,成功会得到如下项目目录代码
$ yarn create @umijs/umi-app
# 或 npx @umijs/create-umi-app
Copy: .editorconfig
Write: .gitignore
Copy: .prettierignore
Copy: .prettierrc
Write: .umirc.ts
Copy: mock/.gitkeep
Write: package.json
Copy: README.md
Copy: src/pages/index.less
Copy: src/pages/index.tsx
Copy: tsconfig.json
Copy: typings.d.ts
- 安装 npm 依赖包
$ yarn
yarn install v1.21.1
[1/4] ? Resolving packages...
success Already up-to-date.
✨ Done in 0.71s.
- 启动项目
$ yarn st