umi搭建react+antd項目（一）環境配置

1.先建立檔案夾，windows使用者手動建立就行了

mkdir myReact && cd myReact
           

2.在myReact目下，執行腳手架指令，預設選擇antd

yarn create umi
           

建立項目成功：

3.輸入yarn安裝node子產品

4.運作項目：yarn start

5.通路http://localhost:8000/

6目錄介紹

.
├── dist/                          // 預設的 build 輸出目錄
├── mock/                          // mock 檔案所在目錄，基于 express
├── config/
    ├── config.js                  // umi 配置，同 .umirc.js，二選一
└── src/                           // 源碼目錄，可選
    ├── layouts/index.js           // 全局布局
    ├── pages/                     // 頁面目錄，裡面的檔案即路由
        ├── .umi/                  // dev 臨時目錄，需添加到 .gitignore
        ├── .umi-production/       // build 臨時目錄，會自動删除
        ├── document.ejs           // HTML 模闆
        ├── 404.js                 // 404 頁面
        ├── page1.js               // 頁面 1，任意命名，導出 react 元件
        ├── page1.test.js          // 用例檔案，umi test 會比對所有 .test.js 和 .e2e.js 結尾的檔案
        └── page2.js               // 頁面 2，任意命名
    ├── global.css                 // 約定的全局樣式檔案，自動引入，也可以用 global.less
    ├── global.js                  // 可以在這裡加入 polyfill
├── .umirc.js                      // umi 配置，同 config/config.js，二選一
├── .env                           // 環境變量
└── package.json