首先，打開您喜歡的網頁瀏覽器，搜索「Visual Studio Code 下載」。官方網站 code.visualstudio.com 應該是第一個結果。點擊它以訪問下載頁面，您可以在那裡找到 Windows、Linux 和 Mac 的安裝選項。對於 Windows 用戶，選擇 Windows 安裝程序以開始下載。
安裝程序下載完成後，打開它以開始安裝過程。您將遇到許可協議；請查看並點擊「我接受協議」以繼續。接下來，選擇您的安裝位置。默認情況下，Visual Studio Code 安裝在 Microsoft Visual Studio Code 文件夾中，但您可以通過點擊瀏覽按鈕來更改此設置。在點擊「下一步」之前，請確保您有足夠的磁碟空間。您還可以選擇在開始菜單和桌面上創建快捷方式。最後，點擊「安裝」以完成安裝。
安裝完成後，啟動 Visual Studio Code。要創建您的第一個 React 網頁應用程式，請最大化窗口並導航到終端。輸入命令「npx create-react-app」，然後跟上您的項目名稱，例如「test-youTube」。避免在項目名稱中使用大寫字母以防止錯誤。如果您遇到錯誤，可能是因為未安裝 npm。
要檢查是否安裝了 Node.js，請打開命令提示符並輸入「node -v」。如果未識別 Node.js，您需要安裝它。返回瀏覽器，搜索「Node.js 下載」。從 nodejs.org 下載安裝程序，選擇適合您操作系統的版本，然後運行安裝程序。接受許可條款並確認安裝路徑。在繼續安裝之前，請確保勾選安裝 npm（Node 包管理器）的選項。
安裝 Node.js 和 npm 後，再次打開命令提示符以通過輸入「node -v」來驗證安裝。如果出現版本號，則安裝成功。現在，返回 Visual Studio Code，並在桌面上為您的 React 應用程式創建一個名為「react」的新文件夾。將此文件夾拖放到 Visual Studio Code 中。
在 Visual Studio Code 中打開終端，導航到新創建的「react」文件夾。再次嘗試通過輸入「npx create-react-app test-one」來創建您的 React 應用程式。如果提示安裝其他包，請輸入「y」以繼續。這一步是必要的，因為該命令會檢查 React 應用程式所需的任何缺失包。
在應用程式成功創建後，您可以通過在終端中輸入「npm start」來運行它。如果您收到錯誤提示，表示您不在正確的目錄中，請使用命令「cd test-one」切換到您的項目目錄。進入項目文件夾後，再次運行「npm start」。允許 Node.js JavaScript 運行時執行，您的默認網頁瀏覽器應該會打開，顯示您的 React 應用程式在 localhost:3000 上。
當您的 React 應用程式在瀏覽器中加載後，您將看到一個帶有圖標、示例文本和鏈接以了解更多關於 React 的默認模板。要探索應用程式的結構，返回 Visual Studio Code，展開「test-one」文件夾。在這裡，您將找到「node_modules」、「public」和「src」文件夾，這些文件夾包含由 Create React App 生成的文件。這個模板作為構建您自己的 React 項目的基礎。
問：我該如何下載 Visual Studio Code？
答：打開您喜歡的網頁瀏覽器，搜索「Visual Studio Code 下載」。點擊官方網站 code.visualstudio.com 以訪問下載頁面。
問：下載 Visual Studio Code 安裝程序後，我該怎麼做？
答：打開安裝程序，查看許可協議，接受它，選擇您的安裝位置，然後點擊「安裝」以完成安裝。
問：我該如何創建我的第一個 React 應用程式？
答：啟動 Visual Studio Code，打開終端，輸入命令「npx create-react-app」，然後跟上您的項目名稱，避免使用大寫字母。
問：我如何檢查 Node.js 是否已安裝？
答：打開命令提示符並輸入「node -v」。如果未識別 Node.js，您需要安裝它。
問：我應該遵循哪些步驟來安裝 Node.js 和 npm？
答：搜索「Node.js 下載」，從 nodejs.org 下載安裝程序，運行它，接受許可條款，並確保勾選安裝 npm 的選項。
問：我該如何驗證 Node.js 和 npm 是否正確安裝？
答：打開命令提示符並輸入「node -v」。如果出現版本號，則安裝成功。
問：我在 Visual Studio Code 中使用什麼命令來創建 React 應用程式？
答：在終端中導航到您的項目文件夾，輸入「npx create-react-app test-one」。如果提示，請輸入「y」以安裝其他包。
問：我該如何運行我的 React 應用程式？
答：在終端中輸入「npm start」。如果您不在正確的目錄中，請使用「cd test-one」切換到您的項目目錄，然後再次運行「npm start」。
問：當我在瀏覽器中加載我的 React 應用程式時，我會看到什麼？
答：您將看到一個帶有圖標、示例文本和鏈接以了解更多關於 React 的默認模板。您可以在 Visual Studio Code 中探索應用程式的結構。
