java實戰(3)-----引入antD的demo並運行起來

第一節和第二節說了項目的搭建和服務端的邏輯出路。下面我們要開始寫前端了。由於底子差,用現成的插件比較好~這裏選擇了antD,因爲這個是阿里推行的,都在用的。
缺點是比較大~會影響啓動速度~

 

進入anrD的官方網站:https://ant.design/docs/react/use-with-create-react-app-cn

爲了目錄結構的一致性~建議先新建一個專門用於存儲前端頁面的文件夾

mkdir+文件夾名稱

然後進入這個文件夾輸入命令:

這句命令的含義是:使用啥模版,創建新項目,項目叫antd-demo

按照成功後,即可在項目中看到如下antd-demo的內容

接下來根據官網操作即可~

 

4、安裝antD,命令如下圖

 

yarn add antd會自動修改配置文件的,修改後的配置文件如圖:

 

此時再去訪問http://localhost:3000/ 就好了~

至此,就算是引入antD完成,且正常啓動訪問完成了。

發佈了34 篇原創文章 · 獲贊 41 · 訪問量 6萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章