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，你看到下面的頁面就表明成功了。