umi ui是界面的管理工具,幫助我們使用圖形化工具快速創建項目及項目中的頁面
官方文檔:https://umijs.org/zh/guide/umi-ui.html#%E2%9C%A8-%E7%89%B9%E6%80%A7
在任意地方運行以下命令,可以打開umi ui工具
#啟動umi ui工具
umi ui
如果在項目中執行
UMI_UI=1 umi dev
運行效果

默認瀏覽器直接打開umi ui界面

點擊右上角的“創建項目”按鈕,彈出創建項目的選項,此處需要選擇項目的存放目錄及項目的名稱
並點擊“下一步”

此處可以選擇兩種模板類型,Ant Design Pro模板和基礎模板
並且可以選擇TypeScript和JavaScript
包管理方式有npm和yarn(如果安裝了cnpm工具,也會出現cnpm)
點擊“完成”即開始創建項目

創建項目中,需要等待一定的時間(看網絡環境)

項目創建完成,跳轉到項目主頁中

可以查看項目的配置,具體可以參考:https://umijs.org/zh/config/

umi-plugin-react插件配置,具體可以參考:https://umijs.org/zh/plugin/umi-plugin-react.html

本地開發時,可以點擊本地開發,運行,即會開始打開項目

運行項目如下

項目的資產,現在暫時不講解

重要特性
現在回到運行的項目中來,在項目的右下角,有個米飯的圖標,點擊它,即可打開項目的資產管理
可以直接
動圖演示如下

