Ant Design Pro 的创建

Ant Design Pro 官网

先创建一个空的文件夹，然后终端打开，执行如下命令

npm i @ant-design/pro-cli -g

再然后执行如下命令 注：myapp可以自己随便起，就是你的项目名

pro create myapp

选择 umi 的版本

使用 umi@4 还是 umi@3 ? (Use arrow keys)
❯ umi@4
  umi@3

如果选择了 umi@3，还可以选择 pro 的模板，pro 是基础模板，只提供了框架运行的基本内容，complete 包含所有区块，不太适合当基础模板来进行二次开发

要全量的还是一个简单的脚手架? (Use arrow keys)
❯ simple
  complete

安装依赖：注意先cd切换到你新建的目录

$ cd myapp && npm install

如果太慢可使用镜像：npm install --registry=https://registry.npm.taobao.org

安装好后就可以直接运行了

npm run start

运行成功如下

Browserslist: caniuse-lite is outdated. Please run:
  npx update-browserslist-db@latest
  Why you should do it regularly: https://github.com/browserslist/update-db#readme
Bundle with webpack 5...
⏱️  MFSU Enabled
Starting the development server...

√ Webpack
  Compiled successfully in 2.48s

 DONE  Compiled successfully in 2535ms                                                                                                                   20:17:58

                                                                                                                                                                 
* Webpack █████████████████████████ cache (99%)                                                                                                                  
 begin idle                                                                                                                                                      
                                                                                                                                                                 
                                                                                                                                                                 
  App running at:                                                                                                                                                
  - Local:   http://localhost:8000 (copied to clipboard)                                                                                                         
  - Network: http://192.168.228.1:8000 

 注意：最好以管理员身份运行终端执行 npm install 命令，不然可能会报如下错误

> cross-env APP_TYPE=site umi dev

'cross-env' 不是内部或外部命令，也不是可运行的程序
或批处理文件。
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! ant-design-pro@2.2.1 start: `cross-env APP_TYPE=site umi dev`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the ant-design-pro@2.2.1 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm WARN Local package.json exists, but node_modules missing, did you mean to install?

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\AppData\Roaming\npm-cache\_logs\2019-07-10T07_25_09_552Z-debug.log

以上就是Ant Design Pro 的创建过程了，第一次创建就记录了一下，不喜勿喷

当然主要还是看官方文档