181@TOC
Ant Design Pro V4 和umi-ui使用步驟
1、簡介
Ant Design Pro 是一個企業級中后臺前端/設計解決方案，我們秉承 Ant Design 的設計價值觀，致力于在設計規范和基礎組件的基礎上，繼續向上構建，提煉出典型模板/業務組件/配套設計資源，進一步提升企業級中后臺產品設計研發程序中的『用戶』和『設計者』的體驗，隨著『設計者』的不斷反饋，我們將持續迭代，逐步沉淀和總結出更多設計模式和相應的代碼實作，闡述中后臺產品模板/組件/業務場景的最佳實踐，也十分期待你的參與和共建，
2、安裝
默認你本地已安裝好node環境，推薦使用tyarn或者cnpm 國內速度快點
新建一個空的檔案夾作為專案目錄，并在目錄下執行：
yarn create umi
or
npm create umi
選擇
ant-design-pro.
Select the boilerplate type (Use arrow keys)
? ant-design-pro - Create project with an 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.
選擇V4，則繼續以下步驟，選擇V5 則會直接創建專案，等待創建完成即可
? Be the first to experience the new umi@3 ? (Use arrow keys)
Pro V5
> Pro V4
選擇使用TS或者JS
? Which language do you want to use? (Use arrow keys)
> TypeScript
JavaScript
選擇simple 則之后創建一個簡單的專案，若是創建complete 則會創建一個比較完整的專案
? Do you need all the blocks or a simple scaffold? (Use arrow keys)
> simple
complete
等待安裝完成，Ant Design Pro 腳手架將會自動安裝，
3、區塊開發
如果我們想要在剛剛創建的專案中使用umi-ui進行快速開發，則需要執行以下命令，添加相關依賴
yarn add @umijs/preset-ui -D
命令執行完成后重新啟動專案,右下角多了個懸浮球，點開進行區塊開發
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/249526.html
標籤：區塊鏈