Ant Design Pro learning
Ant Design Pro official website: https://pro.ant.design/index-cn
Out-of-the-box front desk / design solution
Scaffolding based on React's mid- and back-end management console, UI is Ant Design, and framework is Ant Design Pro
Before installation, your local environment needs to install yarn , node and git
1. Preparation
Yarn installation under windows
Yarn Chinese documentation: https://yarn.bootcss.com/docs
1. Use the installation package to install (you can choose the path yourself)
Officially download the .msi installation package: https://yarn.bootcss.com/docs/install/#windows-stable
After the installation is complete, be sure to set the environment variables
2. Use npm to install (global installation)
npm i yarn- g - i: install -g: global installation ( global ), use -g or- global
ps: You can use yarn -v to detect that the installation was successful, or you can directly enter yarn to view information about installing yarn
2. Installation
1. Create an empty folder as a project directory and execute it under the directory:
yarn create umi
or
npm create umi
2. Choose ant-design-pro :
Select the boilerplate type (Use arrow keys) ❯ ant-design-pro - Create project with an layout-only ant-design-pro boilerplate, use together with umi block. app - Create project with a simple boilerplate, support typescript. block - Create a umi block. library - Create a library with umi. plugin - Create a umi plugin.
Ant Design Pro scaffolding will be installed automatically.
3. Local development
1. Installation dependencies
npm install
2. Try to run
asl start
After running successfully, the address will appear, which can be accessed in the browser
The operation effect is as follows;
ps: If you encounter the "run create-umi error" file name, directory name or volume label syntax is incorrect, you can refer to https://www.cnblogs.com/xyann/p/12733803.html