Pro 中使用 TypeScript 來作為默認(rèn)的開發(fā)語言，TypeScript 的好處已經(jīng)無須贅述，無論是開發(fā)成本還是維護(hù)成本都能大大減少，是中后臺(tái)開發(fā)的必選。

初始化

提供了 pro-cli 來快速的初始化腳手架。

# 使用 npm
npm i @ant-design/pro-cli -g
pro create myappi

選擇 umi 的版本

? 🐂 使用 umi@4 還是 umi@3 ? (Use arrow keys)
? umi@4umi@3

如果選擇了 umi@4 版本，暫時(shí)還不支持全量區(qū)塊
如果選擇了 umi@3，還可以選擇 pro 的模板，pro 是基礎(chǔ)模板，只提供了框架運(yùn)行的基本內(nèi)容，complete 包含所有區(qū)塊，不太適合當(dāng)基礎(chǔ)模板來進(jìn)行二次開發(fā)

? 🚀 要全量的還是一個(gè)簡單的腳手架? (Use arrow keys)
? simplecomplete

安裝依賴：

$ cd myapp && tyarn
// 或
$ cd myapp && npm install

開發(fā)
腳手架初始化成功之后就可以開始進(jìn)行開發(fā)了，我們提供了一些命令來輔助開發(fā)。

start

運(yùn)行這個(gè)腳本會(huì)啟動(dòng)服務(wù)，自動(dòng)打開默認(rèn)瀏覽器展示你的頁面。當(dāng)你重新編輯代碼后，頁面還會(huì)自動(dòng)刷新。

詳情跳轉(zhuǎn)官網(wǎng)查看

https://pro.ant.design/zh-CN/docs/getting-started