Ant Design Pro记录

Ant Design Pro 前端学习

文档：Ant Design Pro文档

2.1 准备工作

2.1.1 推荐技术栈

• 包管理：tyarn 安装npm install yarn tyarn -g
  文档：tyarn

• Terminal：选择Windows Terminal

2.1.2 快速开始

• 初始化脚手架

#使用yarn
yarn create umi app

• 遇到的问题
  

• 解决方案：官方解释
  </br>因此修改一下powershell的保护机制即可解决。使用set-executionpolicy remotesigned的命令。效果如下：
  

  再次安装，效果如下，成功安装：
  

2.2 基础结构

2.2.1 目录结构

├── config                   # umi 配置，包含路由，构建等配置
├── mock                     # 本地模拟数据
├── public
│   └── favicon.png          # Favicon
├── src
│   ├── assets               # 本地静态资源
│   ├── components           # 业务通用组件
│   ├── e2e                  # 集成测试用例
│   ├── layouts              # 通用布局
│   ├── models               # 全局 dva model
│   ├── pages                # 业务页面入口和常用模板
│   ├── services             # 后台接口服务
│   ├── utils                # 工具库
│   ├── locales              # 国际化资源
│   ├── global.less          # 全局样式
│   └── global.ts            # 全局 JS
├── tests                    # 测试工具
├── README.md
└── package.json

2.2.2 页面开发使用图表

使用Ant Design的图表：yarn add @ant-design/charts

2.2.3一些报错

网页控制台

• 解决方案

locales缺少对应字段的中文配置