第一節和第二節說了項目的搭建和服務端的邏輯出路。下面我們要開始寫前端了。由於底子差,用現成的插件比較好~這裏選擇了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完成,且正常啓動訪問完成了。