ant-design/5ad67059-async.cf6d5a22.js

(("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd=("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd||[]).push([["5ad67059"],{"5ad67059":function(e,t,a){"use strict";a.d(t,"__esModule",{value:!0}),a.d(t,"texts",{enumerable:!0,get:function(){return n;}}),a("97ed4ee5");let n=[{value:"In real project development, besides UI libraries like Ant Design, you may also need build tools, routing solutions, CSS solutions, data flow solutions, request libraries and request solutions, i18n solutions, permission solutions, Icons solutions, etc. We have launched ",paraId:0},{value:"Umi",paraId:0},{value:", an enterprise application framework based on React, based on the scenarios of business scenarios, which we recommend you to use in your projects.",paraId:0},{value:"Umi is a scalable enterprise front-end application framework and the underlying front-end framework of Ant Group, which has served 10,000+ applications directly or indirectly.",paraId:1},{value:"This article will guide you through creating a simple application from scratch using Umi, Ant Design and ",paraId:2},{value:"Ant Design Pro",paraId:2},{value:".",paraId:2},{value:"The recommended way to create a Umi scaffold is using ",paraId:3,tocIndex:0},{value:"pnpm",paraId:3,tocIndex:0},{value:" to execute the following command.",paraId:3,tocIndex:0},{value:"$ mkdir myapp && cd myapp\n$ pnpm create umi\n",paraId:4,tocIndex:0},{value:"If you use npm, you can run ",paraId:5,tocIndex:0},{value:"npm create umi",paraId:5,tocIndex:0},{value:" for the same effect; if you use yarn, run ",paraId:5,tocIndex:0},{value:"yarn create umi",paraId:5,tocIndex:0},{value:"; if you use bun, which means you are a very hipster, you can run ",paraId:5,tocIndex:0},{value:"bunx create-umi",paraId:5,tocIndex:0},{value:" (note that there is a ",paraId:5,tocIndex:0},{value:"-",paraId:5,tocIndex:0},{value:" between create and umi).",paraId:5,tocIndex:0},{value:'Select "Simple App" here, because we want to start from "scratch".',paraId:6,tocIndex:0},{value:"? Pick Umi App Template \u203A - Use arrow-keys. Return to submit.\n\u276F   Simple App\n    Ant Design Pro\n    Vue Simple App\n",paraId:7,tocIndex:0},{value:'Here we recommend "pnpm". pnpm is better in speed and handling ghost dependencies.',paraId:8,tocIndex:0},{value:"? Pick Npm Client \u203A - Use arrow-keys. Return to submit.\n    npm\n    cnpm\n    tnpm\n    yarn\n\u276F   pnpm\n",paraId:9,tocIndex:0},{value:'For those in China, we recommend choosing "taobao", otherwise choose "npm".',paraId:10,tocIndex:0},{value:"? Pick Npm Registry \u203A - Use arrow-keys. Return to submit.\n\u276F   npm\n    taobao\n",paraId:11,tocIndex:0},{value:"The tool then automatically installs the dependencies and executes the initialization script for the umi.",paraId:12,tocIndex:0},{value:"Before starting the project, let's install some more dependencies that will be used in this tutorial.",paraId:13,tocIndex:0},{value:"$ pnpm i @umijs/plugins -D\n$ pnpm i antd axios @ant-design/pro-components -S\n",paraId:14,tocIndex:0},{value:"@umijs/plugins",paraId:15,tocIndex:0},{value:" is the official plugin set of Umi, containing a large number of plugins such as valtio, react-query, styled-components, locale, access, qiankun, etc. ",paraId:15,tocIndex:0},{value:"antd",paraId:15,tocIndex:0},{value:" needs no introduction. ",paraId:15,tocIndex:0},{value:"axios",paraId:15,tocIndex:0},{value:" is the request library; ",paraId:15,tocIndex:0},{value:"@ant-design/pro-components",paraId:15,tocIndex:0},{value:" is the component used to generate the layouts.",paraId:15,tocIndex:0},{value:"When finished, execute the following command to start the project.",paraId:16,tocIndex:0},{value:"$ npm run dev\numi dev\ninfo  - Umi v4.0.46\n        \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\n