Ant Design Pro环境搭建与安装

UmiJS 入门教程

Ant Design Pro 入门教程

Ant Design Pro教程写的挺好，可是新手在入门的时候，会遇到各类奇葩的问题；本人在windows 系统；安装部署的时候，出现了一系列的抓狂的问题；总结分享以便重复采坑；

yarn和npm是两家不一样的包管理工具；尽管官网推荐使用yarn,可是我已经习惯了npm,本人推荐npm;

安装

默认你本地已安装好node和git环境

npm init
npm install create-umi -g
ps:(npm create umi/yarn crete umi 在windows 系统可能会出现“文件名、目录名或卷标语法不正确”的提示)  
复制代码

• 新建项目名为：antDPro；

  E:\github\geekantDPro>create-umi antDPro
  ? Select the boilerplate type (Use arrow keys)
  > ant-design-pro  - Create project with a layout-only ant-design-pro boilerplate, use together with umi block.
    app             - Create project with a simple boilerplate, support typescript.
    block           - Create a umi block.
    library         - Create a library with umi.
    plugin          - Create a umi plugin.
  复制代码

• 选择开发语言

• 报错: git clone github.com/ant-design/… --depth=1 antDPro

• 在新建目录cd antDPro ,打开gitBash;执行git clone --depth=1 github.com/ant-design/… antDPro

• 执行npm install 下载依赖；npm run start;启动项目；

• 启动完成后会自动打开浏览器访问 http://localhost:8000，你看到下面的页面就表明成功了。