官网:https://d.umijs.org/zh-CN/guide github地址:https://github.com/umijs/dumi(可以查看一些配置) 为了提高速度,先把pnpm下载了

step1.安装pnpm

npm install pnpm -g

下载命令:pnpm i xxx
删除命令:pnpm remove xxx

step2.初始化dumi项目

依次在命令行执行下面命令

  • mkdir myapp
  • cd .\myapp\
  • npx @umijs/create-dumi-app
  • npm run start
  • 看到页面说明成功了

334744ef91fd9834e9be4d11356bb01.png

step3.非根目录部署

dumi中配置非根目录部署

  • blog.umirc.ts ```javascript import { defineConfig } from ‘dumi’;

export default defineConfig({ title: ‘Site Name’, mode: ‘site’, // more config: https://d.umijs.org/config // base: ‘/‘, publicPath: ‘/two/‘, exportStatic: {}, // 将所有路由输出为 HTML 目录结构,以免刷新页面时 404 // 其他配置 }); ```