1. 程式人生 > 其它 >React後臺管理系統(TypeScript、Redux狀態管理)環境搭建01

React後臺管理系統(TypeScript、Redux狀態管理)環境搭建01

  搭建環境的時候,我們必須要先確保環境有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 埠號  =>這個使用來指定啟動的時候的埠號