ant designpr v4探索记录

1.安装

yarn create umi //必须是空文件夹
选择ant-design-pro
选择TypeJavascript
npm install //必须是npm
npm start //运行

2.恢复所有页面(慎重！！！)

npm run fetch:blocks

3.动态菜单（路由）

config.ts
备注：v4自动路由，原先需要手动配置路由，现在不需要了，只需修改菜单即可，删除name左侧菜单就不会显示，妙不可言。

const menuRouter = [
  {
    path: '/',
    name: 'welcome',
    icon: 'smile',
    component: './Welcome',
  },
  {
    path: '/test',
    name: 'Test',
    icon: 'smile',
    component: './Test',
  }, // user
  // {
  //   path: '/user',
  //   name: 'User',
  //   icon: 'smile',
  //   component: '../layouts/UserLayout',
  //   routes:[{
  //     path :'/user/login',
  //     name: 'Test',
  //     icon: 'smile',
  //     component:"./user/login"
  //   }]
  //  },
  //  {
  //   path :'/user/login',
  //   component:"./user/login"
  // },
  {
    component: './404',
  },
];
export default {
	routes:menuRouter 
}

4.退出菜单不显示

src/components/GlobalHeader/RightContent.tsx，第65行修改

//加一个menu
<Avatar menu/>

5.区块

umi block add [block url]
//区块自带的东西，model.ts和service.ts都可以合并，以减少体积

备注：2019/9/5，研究动态路由失败，放弃，研究python去；公司逐渐弃用react(真的是招不到人，面了一个月多，清一色vue，react说了解，熟练，其实都没用过。那么多任务，我已不堪重负，新的项目都是vue了)，我研究动力大减，全面vue时代来临，不过我仍需要维护近十个ant design pro项目，辛苦坏了。