# React 課前環境建構

在來上 React 課程之前，請先在要攜帶來上課的電腦上，完成下面這些套件的安裝～
下面的步驟主要是針對 Windows 電腦撰寫。

## Node.js 安裝

1. 到[官方網站下載頁](https://nodejs.org/en/download)下載安裝檔。
除非你的電腦很舊、或是使用 ARM 架構（如果你不知道的話，那你大機率不是），不然直接選擇最上面的 Windows Installer 即可。

2. 開始安裝，點擊 Next。

3. 閱讀協議並勾選 "I accept the terms in the License Agreement"，然後按 Next。

4. 依照需要選擇安裝路徑。沒有偏好的話，就用預設的。好了之後點擊 Next。

5. 這次我們會需要完整的 Node.js 安裝，所以功能選擇的部分，照預設的全選即可。

6. 我們這次不會用到原生的模組 (native modules)，因此這個選項可不勾。

7. 終於完成所有設定了！選擇 Install 開始安裝。

8. 等待安裝完成…

9. 安裝完成！按 Finish 離開。

10. 還沒結束喔！最後，驗證一下能不能在終端機視窗中執行 Node.js。輸入以下指令：

node --version

如果能看到版本號碼，那就是安裝成功了！

## Visual Studio Code

雖然說大家應該都裝過了…但還是以防萬一。

1. 前往 [Visual Studio Code 官方網站](https://code.visualstudio.com/)，點擊 Download for Windows 按鈕。

2. 開始安裝時，如果有問到關於確認是否進行 User Install 的問題的話，選 OK。

3. 閱讀完授權協議之後，選「我同意」，然後按下一步。

4. 選擇安裝路徑，完成後點下一步。

5. 選擇要不要「開始」功能表捷徑，依需要命名或調整位置，完成後按下一步。

6. 依需要勾選附加安裝選項。建議可以全勾，也可以照預設勾選。完成後按下一步。

7. 確認選擇沒問題後，按安裝。

8. 等待安裝完成…

9. 完成！啟動 Visual Studio Code，並完成新手教程吧！

## 課程檔案

另外，這是上課時實作的[程式碼](https://github.com/junxiangzhan/todo-list-example)，有興趣的可以先預習看看哦！