脚手架通过结合一些配置文件、基本算法及工具函数，搭建好了路由和菜单的基本框架，主要涉及以下几个模块/功能：
路由管理通过约定的语法根据在router.config.js中配置路由。菜单生成根据路由配置来生成菜单。菜单项名称，嵌套路径与路由高度耦合。面包屑组件 PageHeader 中内置的面包屑也可由脚手架提供的配置信息自动生成。
下面简单介绍下各个模块的基本思路，如果你对实现过程不感兴趣，只想了解应该怎么实现相关需求，可以直接查看需求实例。
1.创建工程
[livingbody@localhost antdtest]$ git clone --depth=1 https://github.com/ant-design/ant-design-pro.git my-project 正克隆到 'my-project'... remote: Enumerating objects: 552, done. remote: Counting objects: 100% (552/552), done. remote: Compressing objects: 100% (509/509), done. remote: Total 552 (delta 46), reused 232 (delta 25), pack-reused 0 接收对象中: 100% (552/552), 277.22 KiB | 75.00 KiB/s, 完成. 处理 delta 中: 100% (46/46), 完成. [livingbody@localhost antdtest]$ cd my-project/
2.工程结构
[livingbody@localhost my-project]$ tree . ├── appveyor.yml ├── CODE_OF_CONDUCT.md ├── config │ ├── config.js │ ├── plugin.config.js │ └── router.config.js ├── docker │ ├── docker-compose.dev.yml │ ├── docker-compose.yml │ └── nginx.conf ├── Dockerfile ├── Dockerfile.dev ├── Dockerfile.hub ├── firebase.json ├── functions │ ├── index.js │ ├── matchMock.js │ └── package.json ├── jest.config.js ├── jest-puppeteer.config.js ├── jsconfig.json ├── LICENSE ├── mock │ ├── api.js │ ├── chart.js │ ├── geographic │ │ ├── city.json │ │ └── province.json │ ├── geographic.js │ ├── notices.js │ ├── profile.js │ ├── rule.js │ └── user.js ├── netlify.toml ├── package.json ├── public │ ├── favicon.png │ └── icons │ ├── icon-128x128.png │ ├── icon-192x192.png │ └── icon-512x512.png ├── README.md ├── README.ru-RU.md ├── README.zh-CN.md ├── scripts │ ├── generateMock.js │ ├── lint-prettier.js │ └── prettier.js ├── src │ ├── assets │ │ └── logo.svg │ ├── components │ │ ├── ActiveChart │ │ │ ├── index.js │ │ │ └── index.less │ │ ├── ArticleListContent │ │ │ ├── index.js │ │ │ └── index.less │ │ ├── Authorized │ │ │ ├── Authorized.js │ │ │ ├── AuthorizedRoute.d.ts │ │ │ ├── AuthorizedRoute.js │ │ │ ├── CheckPermissions.js │ │ │ ├── CheckPermissions.test.js │ │ │ ├── demo │ │ │ │ ├── AuthorizedArray.md │ │ │ │ ├── AuthorizedFunction.md │ │ │ │ ├── basic.md │ │ │ │ └── secured.md │ │ │ ├── index.d.ts │ │ │ ├── index.js │ │ │ ├── index.md │ │ │ ├── PromiseRender.js │ │ │ ├── renderAuthorize.js │ │ │ └── Secured.js │ │ ├── AvatarList │ │ │ ├── AvatarItem.d.ts │ │ │ ├── demo │ │ │ │ ├── maxLength.md │ │ │ │ └── simple.md │ │ │ ├── index.d.ts │ │ │ ├── index.en-US.md │ │ │ ├── index.js │ │ │ ├── index.less │ │ │ ├── index.test.js │ │ │ └── index.zh-CN.md │ │ ├── Charts │ │ │ ├── autoHeight.js │ │ │ ├── Bar │ │ │ │ ├── index.d.ts │ │ │ │ └── index.js │ │ │ ├── bizcharts.d.ts │ │ │ ├── bizcharts.js │ │ │ ├── ChartCard │ │ │ │ ├── index.d.ts │ │ │ │ ├── index.js │ │ │ │ └── index.less │ │ │ ├── demo │ │ │ │ ├── bar.md │ │ │ │ ├── chart-card.md │ │ │ │ ├── gauge.md │ │ │ │ ├── mini-area.md │ │ │ │ ├── mini-bar.md │ │ │ │ ├── mini-pie.md │ │ │ │ ├── mini-progress.md │ │ │ │ ├── mix.md │ │ │ │ ├── pie.md │ │ │ │ ├── radar.md │ │ │ │ ├── tag-cloud.md │ │ │ │ ├── timeline-chart.md │ │ │ │ └── waterwave.md │ │ │ ├── Field │ │ │ │ ├── index.d.ts │ │ │ │ ├── index.js │ │ │ │ └── index.less │ │ │ ├── g2.js │ │ │ ├── Gauge │ │ │ │ ├── index.d.ts │ │ │ │ └── index.js │ │ │ ├── index.d.ts │ │ │ ├── index.js │ │ │ ├── index.less │ │ │ ├── index.md │ │ │ ├── MiniArea │ │ │ │ ├── index.d.ts │ │ │ │ └── index.js │ │ │ ├── MiniBar │ │ │ │ ├── index.d.ts │ │ │ │ └── index.js │ │ │ ├── MiniProgress │ │ │ │ ├── index.d.ts │ │ │ │ ├── index.js │ │ │ │ └── index.less │ │ │ ├── Pie │ │ │ │ ├── index.d.ts │ │ │ │ ├── index.js │ │ │ │ └── index.less │ │ │ ├── Radar │ │ │ │ ├── index.d.ts │ │ │ │ ├── index.js │ │ │ │ └── index.less │ │ │ ├── TagCloud │ │ │ │ ├── index.d.ts │ │ │ │ ├── index.js │ │ │ │ └── index.less │ │ │ ├── TimelineChart │ │ │ │ ├── index.d.ts │ │ │ │ ├── index.js │ │ │ │ └── index.less │ │ │ └── WaterWave │ │ │ ├── index.d.ts │ │ │ ├── index.js │ │ │ └── index.less │ │ ├── CountDown │ │ │ ├── demo │ │ │ │ └── simple.md │ │ │ ├── index.d.ts │ │ │ ├── index.en-US.md │ │ │ ├── index.js │ │ │ └── index.zh-CN.md │ │ ├── DescriptionList │ │ │ ├── demo │ │ │ │ ├── basic.md │ │ │ │ └── vertical.md │ │ │ ├── Description.d.ts │ │ │ ├── Description.js │ │ │ ├── DescriptionList.js │ │ │ ├── index.d.ts │ │ │ ├── index.en-US.md │ │ │ ├── index.js │ │ │ ├── index.less │ │ │ ├── index.zh-CN.md │ │ │ └── responsive.js │ │ ├── EditableItem │ │ │ ├── index.js │ │ │ └── index.less │ │ ├── EditableLinkGroup │ │ │ ├── index.js │ │ │ └── index.less │ │ ├── Ellipsis │ │ │ ├── demo │ │ │ │ ├── line.md │ │ │ │ └── number.md │ │ │ ├── index.d.ts │ │ │ ├── index.en-US.md │ │ │ ├── index.js │ │ │ ├── index.less │ │ │ ├── index.test.js │ │ │ └── index.zh-CN.md │ │ ├── Exception │ │ │ ├── demo │ │ │ │ ├── 403.md │ │ │ │ ├── 404.md │ │ │ │ └── 500.md │ │ │ ├── index.d.ts │ │ │ ├── index.en-US.md │ │ │ ├── index.js │ │ │ ├── index.less │ │ │ ├── index.zh-CN.md │ │ │ └── typeConfig.js │ │ ├── FooterToolbar │ │ │ ├── demo │ │ │ │ └── basic.md │ │ │ ├── index.d.ts │ │ │ ├── index.en-US.md │ │ │ ├── index.js │ │ │ ├── index.less │ │ │ └── index.zh-CN.md │ │ ├── GlobalFooter │ │ │ ├── demo │ │ │ │ └── basic.md │ │ │ ├── index.d.ts │ │ │ ├── index.js │ │ │ ├── index.less │ │ │ └── index.md │ │ ├── GlobalHeader │ │ │ ├── index.js │ │ │ ├── index.less │ │ │ └── RightContent.js │ │ ├── HeaderDropdown │ │ │ ├── index.js │ │ │ └── index.less │ │ ├── HeaderSearch │ │ │ ├── demo │ │ │ │ └── basic.md │ │ │ ├── index.d.ts │ │ │ ├── index.en-US.md │ │ │ ├── index.js │ │ │ ├── index.less │ │ │ └── index.zh-CN.md │ │ ├── Login │ │ │ ├── demo │ │ │ │ └── basic.md │ │ │ ├── index.d.ts │ │ │ ├── index.en-US.md │ │ │ ├── index.js │ │ │ ├── index.less │ │ │ ├── index.zh-CN.md │ │ │ ├── loginContext.js │ │ │ ├── LoginItem.d.ts │ │ │ ├── LoginItem.js │ │ │ ├── LoginSubmit.js │ │ │ ├── LoginTab.d.ts │ │ │ ├── LoginTab.js │ │ │ └── map.js │ │ ├── NoticeIcon │ │ │ ├── demo │ │ │ │ ├── basic.md │ │ │ │ └── popover.md │ │ │ ├── index.d.ts │ │ │ ├── index.en-US.md │ │ │ ├── index.js │ │ │ ├── index.less │ │ │ ├── index.zh-CN.md │ │ │ ├── NoticeIconTab.d.ts │ │ │ ├── NoticeList.js │ │ │ └── NoticeList.less │ │ ├── NumberInfo │ │ │ ├── demo │ │ │ │ └── basic.md │ │ │ ├── index.d.ts │ │ │ ├── index.en-US.md │ │ │ ├── index.js │ │ │ ├── index.less │ │ │ └── index.zh-CN.md │ │ ├── PageHeader │ │ │ ├── breadcrumb.d.ts │ │ │ ├── breadcrumb.js │ │ │ ├── demo │ │ │ │ ├── image.md │ │ │ │ ├── simple.md │ │ │ │ ├── standard.md │ │ │ │ └── structure.md │ │ │ ├── index.d.ts │ │ │ ├── index.js │ │ │ ├── index.less │ │ │ ├── index.md │ │ │ └── index.test.js │ │ ├── PageHeaderWrapper │ │ │ ├── GridContent.js │ │ │ ├── GridContent.less │ │ │ ├── index.js │ │ │ └── index.less │ │ ├── PageLoading │ │ │ └── index.js │ │ ├── Result │ │ │ ├── demo │ │ │ │ ├── classic.md │ │ │ │ ├── error.md │ │ │ │ └── structure.md │ │ │ ├── index.d.ts │ │ │ ├── index.js │ │ │ ├── index.less │ │ │ └── index.md │ │ ├── SelectLang │ │ │ ├── index.js │ │ │ └── index.less │ │ ├── SettingDrawer │ │ │ ├── BlockCheckbox.js │ │ │ ├── index.js │ │ │ ├── index.less │ │ │ ├── ThemeColor.js │ │ │ └── ThemeColor.less │ │ ├── SiderMenu │ │ │ ├── BaseMenu.js │ │ │ ├── index.js │ │ │ ├── index.less │ │ │ ├── SiderMenu.js │ │ │ ├── SiderMenu.test.js │ │ │ └── SiderMenuUtils.js │ │ ├── StandardFormRow │ │ │ ├── index.js │ │ │ └── index.less │ │ ├── StandardTable │ │ │ ├── index.js │ │ │ └── index.less │ │ ├── TagSelect │ │ │ ├── demo │ │ │ │ ├── controlled.md │ │ │ │ ├── expandable.md │ │ │ │ └── simple.md │ │ │ ├── index.d.ts │ │ │ ├── index.js │ │ │ ├── index.less │ │ │ ├── index.md │ │ │ └── TagSelectOption.d.ts │ │ ├── TopNavHeader │ │ │ ├── index.js │ │ │ └── index.less │ │ ├── Trend │ │ │ ├── demo │ │ │ │ ├── basic.md │ │ │ │ └── reverse.md │ │ │ ├── index.d.ts │ │ │ ├── index.js │ │ │ ├── index.less │ │ │ └── index.md │ │ └── _utils │ │ ├── pathTools.js │ │ └── pathTools.test.js │ ├── defaultSettings.js │ ├── e2e │ │ ├── baseLayout.e2e.js │ │ ├── home.e2e.js │ │ ├── login.e2e.js │ │ ├── topMenu.e2e.js │ │ └── userLayout.e2e.js │ ├── global.js │ ├── global.less │ ├── layouts │ │ ├── BasicLayout.js │ │ ├── BasicLayout.less │ │ ├── BlankLayout.js │ │ ├── Footer.js │ │ ├── Header.js │ │ ├── Header.less │ │ ├── MenuContext.js │ │ ├── UserLayout.js │ │ └── UserLayout.less │ ├── locales │ │ ├── en-US │ │ │ ├── analysis.js │ │ │ ├── exception.js │ │ │ ├── form.js │ │ │ ├── globalHeader.js │ │ │ ├── login.js │ │ │ ├── menu.js │ │ │ ├── monitor.js │ │ │ ├── pwa.js │ │ │ ├── result.js │ │ │ ├── settingDrawer.js │ │ │ └── settings.js │ │ ├── en-US.js │ │ ├── pt-BR │ │ │ ├── analysis.js │ │ │ ├── exception.js │ │ │ ├── form.js │ │ │ ├── globalHeader.js │ │ │ ├── login.js │ │ │ ├── menu.js │ │ │ ├── monitor.js │ │ │ ├── pwa.js │ │ │ ├── result.js │ │ │ ├── settingDrawer.js │ │ │ └── settings.js │ │ ├── pt-BR.js │ │ ├── zh-CN │ │ │ ├── analysis.js │ │ │ ├── exception.js │ │ │ ├── form.js │ │ │ ├── globalHeader.js │ │ │ ├── login.js │ │ │ ├── menu.js │ │ │ ├── monitor.js │ │ │ ├── pwa.js │ │ │ ├── result.js │ │ │ ├── settingDrawer.js │ │ │ └── settings.js │ │ ├── zh-CN.js │ │ ├── zh-TW │ │ │ ├── analysis.js │ │ │ ├── exception.js │ │ │ ├── form.js │ │ │ ├── globalHeader.js │ │ │ ├── login.js │ │ │ ├── menu.js │ │ │ ├── monitor.js │ │ │ ├── pwa.js │ │ │ ├── result.js │ │ │ ├── settingDrawer.js │ │ │ └── settings.js │ │ └── zh-TW.js │ ├── manifest.json │ ├── models │ │ ├── global.js │ │ ├── list.js │ │ ├── login.js │ │ ├── menu.js │ │ ├── project.js │ │ ├── setting.js │ │ └── user.js │ ├── pages │ │ ├── 404.js │ │ ├── Account │ │ │ ├── Center │ │ │ │ ├── Applications.js │ │ │ │ ├── Articles.js │ │ │ │ ├── Articles.less │ │ │ │ ├── Center.js │ │ │ │ ├── Center.less │ │ │ │ └── Projects.js │ │ │ └── Settings │ │ │ ├── BaseView.js │ │ │ ├── BaseView.less │ │ │ ├── BindingView.js │ │ │ ├── GeographicView.js │ │ │ ├── GeographicView.less │ │ │ ├── Info.js │ │ │ ├── Info.less │ │ │ ├── models │ │ │ │ └── geographic.js │ │ │ ├── NotificationView.js │ │ │ ├── PhoneView.js │ │ │ ├── PhoneView.less │ │ │ └── SecurityView.js │ │ ├── Authorized.js │ │ ├── Dashboard │ │ │ ├── Analysis.js │ │ │ ├── Analysis.less │ │ │ ├── IntroduceRow.js │ │ │ ├── models │ │ │ │ ├── activities.js │ │ │ │ ├── chart.js │ │ │ │ └── monitor.js │ │ │ ├── Monitor.js │ │ │ ├── Monitor.less │ │ │ ├── OfflineData.js │ │ │ ├── ProportionSales.js │ │ │ ├── SalesCard.js │ │ │ ├── TopSearch.js │ │ │ ├── Workplace.js │ │ │ └── Workplace.less │ │ ├── document.ejs │ │ ├── Exception │ │ │ ├── 403.js │ │ │ ├── 404.js │ │ │ ├── 500.js │ │ │ ├── models │ │ │ │ └── error.js │ │ │ ├── style.less │ │ │ └── TriggerException.js │ │ ├── Forms │ │ │ ├── AdvancedForm.js │ │ │ ├── BasicForm.js │ │ │ ├── models │ │ │ │ └── form.js │ │ │ ├── StepForm │ │ │ │ ├── index.js │ │ │ │ ├── Step1.js │ │ │ │ ├── Step2.js │ │ │ │ ├── Step3.js │ │ │ │ └── style.less │ │ │ ├── style.less │ │ │ └── TableForm.js │ │ ├── List │ │ │ ├── Applications.js │ │ │ ├── Applications.less │ │ │ ├── Articles.js │ │ │ ├── Articles.less │ │ │ ├── BasicList.js │ │ │ ├── BasicList.less │ │ │ ├── CardList.js │ │ │ ├── CardList.less │ │ │ ├── List.js │ │ │ ├── models │ │ │ │ └── rule.js │ │ │ ├── Projects.js │ │ │ ├── Projects.less │ │ │ ├── TableList.js │ │ │ └── TableList.less │ │ ├── Profile │ │ │ ├── AdvancedProfile.js │ │ │ ├── AdvancedProfile.less │ │ │ ├── BasicProfile.js │ │ │ ├── BasicProfile.less │ │ │ └── models │ │ │ └── profile.js │ │ ├── Result │ │ │ ├── Error.js │ │ │ ├── Success.js │ │ │ └── Success.test.js │ │ └── User │ │ ├── Login.js │ │ ├── Login.less │ │ ├── models │ │ │ └── register.js │ │ ├── Register.js │ │ ├── Register.less │ │ ├── RegisterResult.js │ │ └── RegisterResult.less │ ├── services │ │ ├── api.js │ │ ├── error.js │ │ ├── geographic.js │ │ └── user.js │ ├── service-worker.js │ └── utils │ ├── authority.js │ ├── authority.test.js │ ├── Authorized.js │ ├── request.js │ ├── utils.js │ ├── utils.less │ ├── utils.test.js │ └── Yuan.js ├── tests │ └── run-tests.js ├── tsconfig.json └── tslint.json 102 directories, 437 files
3.依赖安装
[livingbody@localhost my-project]$ sudo cnpm install ⠸ [60/64] Installing minimist@1.1.xplatform unsupported umi@2.3.0 › umi-build-dev@1.3.0 › chokidar@2.0.4 › fsevents@^1.2.2 Package require os(darwin) not compatible with your platform(linux) [fsevents@^1.2.2] optional install error: Package require os(darwin) not compatible with your platform(linux) ✔ Installed 64 packages ✔ Linked 1699 latest versions Downloading Chromium r609904 - 106.4 Mb [====================] 100% 0.0s Chromium downloaded to /home/livingbody/antdtest/my-project/node_modules/_puppeteer@1.11.0@puppeteer/.local-chromium/linux-609904 husky > setting up git hooks husky > done Love Preact? You can now donate to our open collective: > https://opencollective.com/preact/donate ✔ Run 3 scripts peerDependencies link redux@3.7.2 in /home/livingbody/antdtest/my-project/node_modules/_react-redux@5.0.7@react-redux unmet with /home/livingbody/antdtest/my-project/node_modules/redux(4.0.1) peerDependencies link redux@3.7.2 in /home/livingbody/antdtest/my-project/node_modules/_react-redux@5.1.1@react-redux unmet with /home/livingbody/antdtest/my-project/node_modules/redux(4.0.1) peerDependencies link webpack@4.26.1 in /home/livingbody/antdtest/my-project/node_modules/_workbox-webpack-plugin@3.6.3@workbox-webpack-plugin unmet with /home/livingbody/antdtest/my-project/node_modules/webpack(4.28.1) peerDependencies link react@16.6.3 in /home/livingbody/antdtest/my-project/node_modules/_react-router-config@4.4.0-beta.6@react-router-config unmet with /home/livingbody/antdtest/my-project/node_modules/react(16.7.0) peerDependencies link enzyme@3.7.0 in /home/livingbody/antdtest/my-project/node_modules/_enzyme-adapter-react-16@1.7.0@enzyme-adapter-react-16 unmet with /home/livingbody/antdtest/my-project/node_modules/enzyme(3.8.0) peerDependencies link react@16.6.3 in /home/livingbody/antdtest/my-project/node_modules/_enzyme-adapter-react-16@1.7.0@enzyme-adapter-react-16 unmet with /home/livingbody/antdtest/my-project/node_modules/react(16.7.0) peerDependencies link react-dom@16.6.3 in /home/livingbody/antdtest/my-project/node_modules/_enzyme-adapter-react-16@1.7.0@enzyme-adapter-react-16 unmet with /home/livingbody/antdtest/my-project/node_modules/react-dom(16.7.0) peerDependencies link react@16.6.3 in /home/livingbody/antdtest/my-project/node_modules/_enzyme-adapter-utils@1.9.0@enzyme-adapter-utils unmet with /home/livingbody/antdtest/my-project/node_modules/react(16.7.0) peerDependencies link react@16.6.3 in /home/livingbody/antdtest/my-project/node_modules/_react-test-renderer@16.7.0@react-test-renderer unmet with /home/livingbody/antdtest/my-project/node_modules/react(16.7.0) peerDependencies link tslint@5.11.0 in /home/livingbody/antdtest/my-project/node_modules/_fork-ts-checker-webpack-plugin@0.5.0@fork-ts-checker-webpack-plugin unmet with /home/livingbody/antdtest/my-project/node_modules/tslint(5.12.0) peerDependencies link tslint@5.11.0 in /home/livingbody/antdtest/my-project/node_modules/_tslint-loader@3.5.4@tslint-loader unmet with /home/livingbody/antdtest/my-project/node_modules/tslint(5.12.0) peerDependencies link react@16.6.3 in /home/livingbody/antdtest/my-project/node_modules/_react-dom@16.6.3@react-dom unmet with /home/livingbody/antdtest/my-project/node_modules/react(16.7.0) peerDependencies WARNING react-fittext@^1.0.0 requires a peer of react@^15.0.0 but react@16.7.0 was installed peerDependencies WARNING umi@2.3.0 › umi-build-dev@1.3.0 › react-router-config@4.4.0-beta.6 requires a peer of react-router@4.4.0-beta.1 but react-router@4.3.1 was installed peerDependencies WARNING umi-plugin-react@1.3.0 › umi-plugin-dva@1.3.0 › dva-loading@2.1.0-beta.2 requires a peer of dva-core@^1.1.0 but dva-core@1.5.0-beta.2 was installed peerDependencies WARNING react-fittext@^1.0.0 requires a peer of react-dom@^15.0.0 but react-dom@16.7.0 was installed deprecate dva@2.4.1 › react-router-redux@5.0.0-alpha.9 This project is no longer maintained. deprecate babel-eslint@10.0.1 › eslint@5.11.1 › file-entry-cache@2.0.0 › flat-cache@1.3.4 › circular-json@^0.3.1 CircularJSON is in maintenance only, flatted is its successor. deprecate merge-umi-mock-data@0.0.3 › rollup-plugin-node-builtins@2.1.2 › browserify-fs@1.0.0 › level-filesystem@1.2.0 › level-sublevel@5.2.3 › xtend@2.0.6 › object-keys@~0.2.0 Please update to the latest object-keys anti semver umi@2.3.0 › umi-build-dev@1.3.0 › umi-test@1.3.0 › ts-jest@23.10.5 › resolve@1.x delcares resolve@1.x(resolved as 1.9.0) but using ancestor(umi-build-dev)'s dependency resolve@1.8.1(resolved as 1.8.1) deprecate umi@2.3.0 › umi-build-dev@1.3.0 › umi-test@1.3.0 › jest@23.6.0 › jest-cli@23.6.0 › prompts@0.1.14 › kleur@^2.0.1 Please upgrade to kleur@3 or migrate to 'ansi-colors' if you prefer the old syntax. Visit <https://github.com/lukeed/kleur/releases/tag/v3.0.0\> for migration path(s). Recently updated (since 2018-12-21): 45 packages (detail see file /home/livingbody/antdtest/my-project/node_modules/.recently_updates.txt) Today: → eslint-plugin-compat@2.6.3 › browserslist@4.3.6 › caniuse-lite@^1.0.30000921(1.0.30000925) (11:32:38) → eslint-plugin-compat@2.6.3 › caniuse-db@^1.0.30000889(1.0.30000925) (10:55:22) → umi@^2.2.7(2.3.0) (10:50:14) → umi-plugin-react@^1.2.0(1.3.0) (10:49:59) → umi@2.3.0 › babel-preset-umi@1.3.0(1.3.0) (10:49:19) → umi@2.3.0 › umi-utils@1.3.0(1.3.0) (10:50:09) → umi@2.3.0 › umi-build-dev@1.3.0(1.3.0) (10:49:30) → umi-plugin-react@1.3.0 › umi-plugin-dll@1.3.0(1.3.0) (10:49:35) → umi-plugin-react@1.3.0 › umi-plugin-hd@1.3.0(1.3.0) (10:49:44) → umi-plugin-react@1.3.0 › umi-plugin-dva@1.3.0(1.3.0) (10:49:40) → umi@2.3.0 › umi-build-dev@1.3.0 › af-webpack@1.3.0(1.3.0) (10:49:13) → umi-plugin-react@1.3.0 › umi-plugin-polyfills@1.3.0(1.3.0) (10:49:55) → umi-plugin-react@1.3.0 › umi-plugin-locale@2.3.0(2.3.0) (10:49:49) → umi@2.3.0 › umi-build-dev@1.3.0 › umi-test@1.3.0(1.3.0) (10:50:05) → umi@2.3.0 › umi-build-dev@1.3.0 › yeoman-generator@3.1.1 › shelljs@0.8.3 › interpret@^1.0.0(1.2.0) (10:56:08) ✔ All packages installed (2035 packages installed from npm registry, used 3m(network 54s), speed 797.85kB/s, json 1763(4.06MB), tarball 37.91MB)
4.启动工程
[livingbody@localhost my-project]$ sudo cnpm start [sudo] livingbody 的密码： > ant-design-pro@2.1.1 start /home/livingbody/antdtest/my-project > cross-env APP_TYPE=site umi dev ✔ Webpack Compiled successfully in 33.42s (node:13381) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead Starting the development server... Theme generated successfully DONE Compiled successfully in 33418ms 14:30:19 App running at: - Local: http://localhost:8000/ (copied to clipboard) - Network: http://192.168.43.47:8000/ WAIT Compiling... 14:30:20 (node:13381) UnhandledPromiseRejectionWarning: Error: Couldn't find the required `xsel` binary. On Debian/Ubuntu you can install it with: sudo apt install xsel at handler (/home/livingbody/antdtest/my-project/node_modules/_clipboardy@1.2.3@clipboardy/lib/linux.js:7:9) at process._tickCallback (internal/process/next_tick.js:68:7) (node:13381) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 12) (node:13381) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code. ✔ Webpack Compiled successfully in 2.77s DONE Compiled successfully in 2770ms 14:30:23
5.getting the target...
