快速上手

环境准备

首先得有 node，并确保 node 版本是 10.13 或以上。（mac 下推荐使用 nvm 来管理 node 版本）

$ node -v

v10.13.0

推荐使用 yarn 管理 npm 依赖，并使用国内源（阿里用户使用内网源）。

# 国内源

$ npm i yarn tyarn -g

# 后面文档里的 yarn 换成 tyarn

$ tyarn -v

# 阿里内网源

$ tnpm i yarn @ali/yarn -g

# 后面文档里的 yarn 换成 ayarn

$ ayarn -v

脚手架

先找个地方建个空目录。

$ mkdir myapp &&cd myapp

通过官方工具创建项目，

$ 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

安装依赖

$ yarn

yarninstall v1.21.1

[1/4] 🔍  Resolving packages...

success Already up-to-date.

✨  Done in0.71s.

启动项目

$ yarn start

Starting the development server...

✔ Webpack

 Compiled successfully in17.84s

DONE  Compiled successfully in 17842ms                                       8:06:31 PM

 App running at:

 - Local:   http://localhost:8000 (copied to clipboard)

 - Network: http://192.168.12.34:8000

在浏览器里打开 http://localhost:8000/，能看到以下界面，