Visual Studio Code (VS Code)

先下載VS Code，並執行安裝檔。

安裝後，可以執行VS Code。

或者使用https://vscode.dev/。

由於VS Code屬於輕量型開發工具，安裝相當快，然而，VS Code並沒有附帶任何語言的相對工具，所以，以React/Next為例，我們就需要安裝Node.js。Node.js是個以javascript為基礎的網頁伺服器，角色跟Apache一樣，React透過Node.js去編譯我們寫的程式，並以javascript的方式在瀏覽器執行。而另外，安裝後也可以(非必要)下載一些套件，方便我們的開發工作。另外，我們也會利用node.js所提供的Node.js Package Manager (npm)來管理套件，其中，我們會利用到next提供的create-next-app來幫我們產生起始專案，節省我們設定的時間。除此之外，由於我們通常是多人同時開發，我們還需要安裝git。使git時，通常會搭配git服務，例如github。如果還沒有github帳號，可以先去申請一個github帳號。

• VS Code
  • Setting up Visual Studio Code
  • Using React in Visual Studio Code
  • 常用套件
    • ESLint
    • JavaScript extensions for VS Code
• Node.js
  • Node.js
  • Node.js Package Manager
• Git
  • Git
  • Github
  • git新手入門教學  (陳學義學長 deeplink分享) **
  • git (吳濟聰老師系統分析與設計課程教材)

Node.js

下載node.js，可使用套件管理器或下載安裝程式

選擇「預建構安裝程式」，建議選擇最新的Long Term Support (LTS)版本 (如:20.17.0)

如果是下載安裝程式 (如:Windows的msi檔)，就直接執行安裝程式。

選擇安裝的資料夾: