快速上手

环境准备

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

bash

$ node -v
v10.13.0

推荐使用 yarn 管理 npm 依赖。

先找个地方建个空目录。

bash

$ mkdir myapp && cd myapp

通过Git克隆项目，

bash

git clone https://github.com/quarkcms/quark-ui.git

bash

$ yarn install

bash

$ yarn start

默认的脚手架内置了 @umijs/preset-react，包含布局、权限、国际化、dva、简易数据流等常用功能。比如想要 ant-design-pro 的布局，编辑 .umirc.ts 配置 layout: {}，并且需要安装 @ant-design/pro-layout。

diff

import { defineConfig } from 'umi';

export default defineConfig({
+ layout: {},
  routes: [
    { path: '/', component: '@/pages/index' },
  ],
});

不用重启 yarn start，webpack 会在背后增量编译，过一会就可以看到以下界面，

bash

$ yarn build

构建产物默认生成到 ./dist 下，然后通过 tree 命令查看，

bash

tree ./dist

./dist
├── index.html
├── umi.css
└── umi.js

本地验证完，就可以部署了。你需要把 dist 目录部署到服务器上。