Quick Start

Before delving into Ant Design React, a good knowledge base of React 、 ES2015+ 、 Antd Design . Learn about UmiJS , Dva . And properly installed and configured Node.js v8 or above, Git. It would be helpful if you have pre-existing knowledge on those.

Installation

git clone https://github.com/BinChengZhao/delicate.git my-project
cd my-project

Scaffolding

The project layout is as follows:

├── dist/               # Default build output directory
├── mock/               # Mock files 
├── public/             # Static resource 
├── src/                # Source code
│ ├── components/       # Components
│ ├── e2e/              # Integrated Test Case
│ ├── layouts/          # Common Layouts
│ ├── locales/          # i18n resources
│ ├── models/           # Global dva Model
│ ├── pages/            # Sub-pages and templates
│ ├── services/         # Backend Services
│ │ ├── api.js          # API configuration
│ │ └── index.js        # API export
│ ├── themes/           # Themes
│ │ ├── default.less    # Less variable
│ │ ├── index.less      # Global style
│ │ ├── mixin.less      # Less mixin
│ │ └── vars.less       # Less variable and mixin
│ ├── utils/            # Utility
│ │ ├── config.js       # Application configuration
│ │ ├── constant.js     # Static constant
│ │ ├── index.js        # Utility methods
│ │ ├── request.js      # Request function(axios)
│ │ └── theme.js        # Style variables used in js
├── .editorconfig       
├── .env                
├── .eslintrc           
├── .gitignore          
├── .prettierignore     
├── .prettierrc         
├── .stylelintrc.json   
├── .travis.yml         
└── .umirc.js           
└──  package.json

Development

  1. Install Dependencies.
yarn install

Or

npm install
  1. Start local server.
npm run start
  1. After the startup is complete, open a browser and visit http://localhost:7000, If you need to change the startup port, you can configure it in the .env file.