umi ui快速創建項目創建頁面


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

 

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

 

運行項目如下

 

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

 

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM