React後臺管理系統(TypeScript、Redux狀態管理)環境搭建01
阿新 • • 發佈:2022-12-05
搭建環境的時候,我們必須要先確保環境有node環境和npm環境,如下使用cmd命令
確保自己有了這兩個環境之後我們就可以開始搭建專案,首先找一個資料夾,這個資料夾用來初始化當前環境,例如,我這裡選擇的是E盤的learn-react目錄下:依次敲擊一下命令:
選擇的時候選擇React和TypeScript,這時候就可以去資料夾中使用vscode開啟專案,發現有初始專案只有2個依賴:
我們需要新增依賴:
"react-redux": "8.0.5",
"react-router-dom": "6.4.4",
"redux": "^4.2.0"
然後使用npm i
命令,進行下載依賴
下載完畢之後,就可以使用npm run dev
來啟動專案
點選即可訪問主頁,我這裡展示如下:
可以看到,主頁展示成功。
我們這裡還可以在啟動的時候加上條件引數例如 --host :這個引數就是來展示我們的本地地址和網路訪問的地址; --port 埠號 =>這個使用來指定啟動的時候的埠號