Ant Design1

安装node.js
node.js的安装地址：https://nodejs.org/en/download/
根据自己的电脑配置下载

安装npm的淘宝镜像
npm是node包管理器，默认的环境是Node.js，新版本的node.js已经将npm作为自带安装包了，但是npm下载依赖包时是国外镜像下载，会很慢，我们可以安装国内的淘宝镜像，提高下载依赖的速度。
打开cmd，在cmd中运行

npm  install  -g   cnpm --registry=https://registry.npm.taobao.org

安装yarn
打开cmd，在cmd中运行

cnpm install -g yarn

运行命令来测试 Yarn 是否安装

yarn --version

安装编辑器vscode再项目实战

• 先创建一个空目录

• 执行以下命令

  yarn create umi
  

• 选上 antd 和 dva，然后回车确认。
  然后安装依赖，

• 执行以下命令

  yarn
  

• 然后启动应用，

  yarn start
  

• 几秒钟后，你会看到以下输出，

  DONE  Compiled successfully in 212ms
      
        App running at:
        - Local:   http://localhost:8000/
        - Network: http://{{ YourIP }}:8000/
      在浏览器里打开 http://localhost:8000，你会看到 umi 的欢迎界面。
  

前面选择 antd 之后，会自动处理 antd 的依赖以及按需加载。你可以检查 .umirc.ts 里的配置，确保 antd 已开启。

新建路由

• 如果你没有 npx，需要先安装他，用于执行 node_modules 下的命令

  yarn global add npx
  

• 通过命令创建 /products 路由，然后在浏览器里打开 http://localhost:8000/products

  npx umi g page products