umi脚手架搭建的项目_Umi@3.0+Ts+Antd@4.0从零搭建后台系统项目工程

前言

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