Skip to content

wanliyunyan/dva-typescript-antd-mobile-starter-kit

Repository files navigation

996.icu LICENSE MIT Licence TypeScript HitCount

dva-typescript-antd-starter-kit

A admin dashboard application demo based on antd-mobile. Now it is not perfect, then I will continue to improve the project. If you don’t understand Chinese, it doesn’t matter. Clone this repo and npm install, You can use it directly.

About

The structure of the project imitates ant-design-pro,but without using the default configuration of dva, manually configure webpack4. The package in the project uses the latest version.

Browser Support

Chrome Firefox Safari Opera Edge IE
Latest ✔ No No No No No

Installation

npm install

Running Dev Server

npm run dev

Building

npm run build

cnpm

如果你使用webstorm和阿里的cnpm那么,直接双击左下角npm中的cnpm即可

Mock

click mockjs,start mock data, You can see the effect of the mock data in the "Home2".

Linter

eslint:fix Can automatically repair a part of the code

styleint detect style

prettier format code

Babel

update to babel7

react-hot-loader

dynamic import react-hot-loader in development mode

Contents

├── /build/                   
├── /dist/     
├── /mock/      
├── /src/              
│ ├── /assets/        
│ │ └── /images/       
│ │ └── /style/        
│ │ └── /svg/          
│ ├── /common/        
│ ├── /components/     
│ ├── /layouts/        
│ ├── /models/         
│ ├── /routes/         
│ ├── /services/       
│ ├── /utils/          
│ │ └── request.js     
│ │ └── utils.js 
│ ├── favicon.ico      
│ ├── index.html       
│ ├── index.less       
│ ├── index.tsx        
│ └── route.tsx 
├── .browserslistrc      
├── .editorconfig     
├── .eslintrc          
├── .gitignore  
├── .lintstagedrc     
├── .stylelintrc       
├── babel.config.js  
├── package.json       
├── postcss.config.js  
├── README.md  
├── tsconfig.json      
├── tslint.json        
└── webpack.config.js  

Package

dependencies

  • antd-mobile A configurable Mobile UI.
  • axios Promise based HTTP client for the browser and node.js.
  • classnames A simple javascript utility for conditionally joining classNames together.
  • dva Lightweight front-end framework based on redux, redux-saga and react-router.
  • dva-loading Auto loading plugin for dva. 👏 You don't need to write showLoading and hideLoading any more.
  • history Manage session history with JavaScript.
  • lodash A modern JavaScript utility library delivering modularity, performance, & extras.
  • mockjs A simulation data generator.
  • moment A lightweight JavaScript date library for parsing, validating, manipulating, and formatting dates.
  • query-string Parse and stringify URL query strings.
  • rc-form React High Order Form Component(web & react-native).
  • react A declarative, efficient, and flexible JavaScript library for building user interfaces.
  • react-dom This package serves as the entry point of the DOM-related rendering paths. It is intended to be paired with the isomorphic React, which will be shipped as react to npm.
  • styled-components Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅 .
  • react-hot-loader Tweak React components in real time.

devDependencies