脚手架初始化 umi4

  1. // npm 初始化 umi4项目
  2. npx create-umi@latest
  4. // --no-install 创建项目，但不自动安装依赖
  5. // --no-git    创建项目，但不初始化 Git
  6. yarn craete umi --no-install --no-git
  7. yarn craete umi // 默认会 install
  10. // 创建 antd-pro项目
  11. npm install @ant-design/pro-cli -g
  12. pro create umi-pro6
  15. // 创建 dva项目
  16. npm install dva-cli -g
  17. dva new dva-antd

yarn create umi

  1. yarn craete umi --no-install
  3. # --no-install 创建项目，但不自动安装依赖
  4. # --no-git    创建项目，但不初始化 Git
  5. yarn craete umi --no-install --no-git
  6. yarn craete umi # 默认会 install

image.png

umi antd-pro

推荐使用 pro脚手架创建基础项目，umi更适合定制化的项目。
image.png
image.png

Ant Design Pro初始化

对比 yarn create umi，Ant Design Pro脚手架创建的基础项目，UI上基本一致，项目目录规范；
推荐使用 Ant Design Pro
image.png
image.png

运行时终端

image.png