一、Ant Design Pro介绍与文件结构

版本v4

一、入门

Ant Design Pro 是一个企业级中后台前端/设计解决方案,我们秉承 Ant Design 的设计价值观。

基于上述目标和提供了以下的典型模板，并据此构建了一套基于 React 的中后台管理控制台的脚手架，它可以帮助你快速搭建企业级中后台产品原型

技术栈基于 ES2015+、React、UmiJS、dva、g2 和 antd

• npm相关命令升级依赖包：
  • npm update: 这个是npm自带的，只能按照 package.js 中标注的版本号进行更新对应的依赖
  • npm-check-updates升级插件：升级插件会自动帮你更改 package.js 里的版本号
  • npm -g outdated,查看当前依赖包的版本，和当前依赖包的最新版本是多少
  • npm view 依赖包名字 versions --json，查看指定依赖包对应的版本

• 安装：npm create umi, 要在cmd的窗口里面去安装，git的窗口问题太多了；但是有时候用cmd安装也会报错，spawn git ENOENT,这时候还是需要用git去安装
  • 然后选择ant-design-pro。
  • 然后npm install，这个install，一般就用cmd窗口来安装
    • 报错：先清缓存npm cache clean --force，然后再安装npm install
  • 再然后就可以开启项目了npm start
  • 编译项目npm run build
  • 展示依赖信息npm run analyze, 如果需要优化性能和包大小，你需要它，会自动在浏览器打开显示体积分布数据的网页
  • 查看代码哪里有问题npm run lint, 提供了一系列的 lint 脚本，包括 TypeScript，less，css，md 文件，在 commit 中我们自动运行相关 lint
  • 自动修复一些 lint 错误npm run lint:fix,
  • 执行一系列测试，包括 e2e 测试npm test,
  • 将所有的区块下载到当前项目中npm run fetch:blocks, 会得到与 https://preview.pro.ant.design/ 相同的界面
  • 删除项目中所有的 i18n 代码npm run i18n-remove, 对于复杂的运行时代码，表现并不好，慎用
  • 在不用mock数据的情况下运行 npm run start:no-mock, 这个还是很有用的，因为如果mock的路径和真实路径相同，那么请求的永远是mock的路径。这时候就需要关闭mock数据

// 项目目录
├── config                   
│   ├── config.js