嗨
大家好，歡迎來到
求知久久，我是隨風，我們接著上一節來繼續講解
我們這一節來開始搭建這個專案
我們首先進入這個終端，命令列提示符這裡
我們先新增個空目錄，你自己命名
$ mkdir antd-pro-role比如說我叫這個 antd-pro-role
然後呢
進入這個目錄
$ cd `antd-pro-role`首先第一步我們要確保它是個空目錄
對吧
我們新增的，一個空目錄，裡面不要放任何內容
然後呢
我們要更新一下這個 umi 工具
$ yarn global add umi我這裡喜歡用這個 yarn 命令
你也可以用 npm，一樣的
我們先把 umi 更新一下
保持它的版本為最新的
這裡已經更新完成了
我們可以看一下它的版本
$ umi --version
2.12.7當前版本是 2.12.7，接下來呢
我們可以這樣
我們建立專案
$ yarn create umi
等一下它會彈出這個提示
讓你選擇一個框架
我們就選擇第一個，antd design pro
接下來呢
這裡可以選擇語言，我們就選 TypeScript
然後
它就會去克隆這個專案
它已經提示成功了
已經做完了這個過程
我們現在就可以檢視它的內容
已經產生了一些檔案
這樣是可以的
接下來呢
我們可以使用 yarn install
安裝一些依賴
這裡要稍等一段時間，好
現在已經安裝成功了
那麼，我們就 yarn start 啟動一下
其實這個專案執行在
這個 8000 埠
行
現在已經跑起來了
這個就是它那個後臺的專案
最後我把原始碼目錄名改了一下，看下圖
相關資源
https://github.com/ant-design/ant-design-p...
我們們的學習聖地是： https://www.qiuzhi99.com，這裡有不限於 Nodejs、React、TypeScript、GraphQL 相關的精品課程。