快速上手

在开始之前，推荐先学习 React 、 ES2015+ 、 Antd Design , 了解 UmiJS 、Dva ，并正确安装和配置了 Node.js v8 或以上 、Git。提前了解和学习这些知识会非常有帮助。

安装

  1. git clone https://github.com/zuiidea/antd-admin.git my-project
  2. cd my-project

目录结构

应用的目录结构如下

  1. ├── dist/               # 默认build输出目录
  2. ├── mock/               # Mock文件目录
  3. ├── public/             # 静态资源文件目录
  4. ├── src/                # 源码目录
  5. │ ├── components/       # 组件目录
  6. │ ├── e2e/              # e2e目录
  7. │ ├── layouts/          # 布局目录
  8. │ ├── locales/          # 国际化文件目录
  9. │ ├── models/           # 数据模型目录
  10. │ ├── pages/            # 页面组件目录
  11. │ ├── services/         # 数据接口目录
  12. │ │ ├── api.js          # 接口配置
  13. │ │ └── index.js        # 接口输出
  14. │ ├── themes/           # 项目样式目录
  15. │ │ ├── default.less    # 样式变量
  16. │ │ ├── index.less      # 全局样式
  17. │ │ ├── mixin.less      # 样式函数
  18. │ │ └── vars.less       # 样式变量及函数
  19. │ ├── utils/            # 工具函数目录
  20. │ │ ├── config.js       # 项目配置
  21. │ │ ├── constant.js     # 静态常量
  22. │ │ ├── index.js        # 工具函数
  23. │ │ ├── request.js      # 异步请求函数(axios)
  24. │ │ └── theme.js        # 项目需要在js中使用到样式变量
  25. ├── .editorconfig       # 编辑器配置
  26. ├── .env                # 环境变量
  27. ├── .eslintrc           # ESlint配置
  28. ├── .gitignore          # Git忽略文件配置
  29. ├── .prettierignore     # Prettier忽略文件配置
  30. ├── .prettierrc         # Prettier配置
  31. ├── .stylelintrc.json   # Stylelint配置
  32. ├── .travis.yml         # Travis配置
  33. └── .umirc.js           # Umi配置
  34. └──  package.json       # 项目信息

本地开发

  1. 进入目录安装依赖，国内用户推荐使用 cnpm 进行加速
  1. yarn install

或者

  1. npm install
  1. 启动本地服务器
  1. npm run start
  1. 启动完成后打开浏览器访问 http://localhost:7000，如果需要更改启动端口，可在 .env 文件中配置。