逐步設定 React 和 Vite

Vite 是一款現代構建工具，旨在提供快速高效的開發體驗，特別是基於 JavaScript 的應用程序，例如 React、Vue 等。

Vite本身更注重開發速度，在開發過程中以最少的配置和更快的載入時間。由於匯總的最佳化，生產建造時間通常也更快

在本教學中，您將逐步學習如何使用 Vite 安裝 Reactjs

第 1 步
打開你已有的終端應用程序，這裡我使用cmder，然後轉到你要安裝應用程式的資料夾

第 2 步
要執行安裝過程，您可以使用“yarn”或“npm”，
在終端機中輸入以下命令，

##NPM
npm create vite@latest

##YARN
yarn create vite

我用紗線。

執行上面的指令後，會要求你輸入要建立的應用程式的名稱，如下圖

第三步
您將看到一個清單；使用方向鍵在清單中上下移動，點擊 Enter 選擇您喜歡的選項。
在這一步驟中，我們將選擇React

第三步
您將看到五個選項可供選擇，導航至並選擇
這裡我會選Typescript SWC

僅此而已；您現在已經擁有了您的 Vite 項目

步驟 4
依照步驟3最終結果的指示，會要求你進入你所建立的應用程式資料夾，然後依照指示執行指令

### masuk ke folder aplikasi anda
cd react-vite

### install dependencies
yarn install

第 5 步
步驟 4 中的所有流程都成功後，要執行應用程序，您需要執行以下命令

### npm 
npm run dev

### yarn
yarn dev

應用程式成功運行後，您可以根據終端顯示的連結存取應用程式

---

結論：
你看，一點也不難，整個過程不需要很久就能完成。

現在您已經成功學會了使用Vitejs安裝ReactJS應用程式

謝謝

以上是逐步設定 React 和 Vite的詳細內容。更多資訊請關注PHP中文網其他相關文章！