Windows 上建置 Node.js

 Windows 上建置 Node.js 環境非常簡單，以下是詳細步驟：

步驟一：下載 Node.js 安裝程式

1. 前往 Node.js 官方網站：https://nodejs.org/

2. 下載適合您系統的版本：

   • LTS 版本（長期支援版本）：適合大多數使用者，穩定性高。

   • Current 版本（最新版本）：包含最新功能，但可能不夠穩定。

步驟二：安裝 Node.js

1. 執行安裝程式:

   • 雙擊下載的 .msi 安裝程式。

   • 按照安裝精靈的指示進行安裝。

2. 選擇安裝選項:

   • 在 Custom Setup 頁面，確保勾選以下選項：

     • Node.js runtime

     • npm package manager（Node.js 的套件管理工具）

     • Add to PATH（將 Node.js 加入系統環境變數，方便全域使用）

3. 完成安裝:

   • 點擊 Install 開始安裝。

   • 安裝完成後，點擊 Finish 關閉安裝精靈。

步驟三：確認安裝是否成功

1. 打開命令提示字元（cmd）:

   • 按下 Win + R，輸入 cmd，然後按下 Enter。

2. 檢查 Node.js 版本:

   • 輸入以下指令：

      node -v

   • 如果顯示版本號（例如 v18.12.1），表示 Node.js 安裝成功。

3. 檢查 npm 版本:

   • 輸入以下指令：

     npm -v

   • 如果顯示版本號（例如 8.19.2），表示 npm 安裝成功。

步驟四：建立並運行第一個 Node.js 應用程式

1. 建立專案目錄:

   • 在您的電腦上建立一個新資料夾，例如 C:my-node-app。

2. 初始化專案:

   • 打開命令提示字元，切換到專案目錄：

     cd C:my-node-app

   • 初始化專案：

     npm init -y

   • 這會建立一個 package.json 檔案，用於管理專案的依賴和設定。

3. 建立 JavaScript 檔案:

   • 在專案目錄中建立一個新檔案，例如 app.js。

   • 使用文字編輯器（例如 Notepad++ 或 VS Code）打開 app.js，並輸入以下程式碼：

     const http = require('http');
     const server = http.createServer((req, res) => {
         res.writeHead(200, { 'Content-Type': 'text/plain' });
         res.end('Hello, World!n');
     });
     server.listen(3000, () => {
         console.log('Server running at http://localhost:3000/');
     });

4. 運行應用程式:

   • 在命令提示字元中輸入以下指令：

     node app.js

   • 如果看到 Server running at http://localhost:3000/，表示應用程式已成功運行。

5. 測試應用程式:

   • 打開瀏覽器，輸入 http://localhost:3000。

   • 如果看到 Hello, World!，表示您的 Node.js 環境已成功建置並運行。

步驟五：安裝和管理套件

Node.js 使用 npm 來管理套件。以下是一些常用的 npm 指令：

1. 安裝套件:

   • 例如，安裝 Express 框架：

     npm install express

2. 安裝開發依賴:

   • 例如，安裝 ESLint（僅用於開發環境）：

     npm install eslint --save-dev

3. 移除套件:

   • 例如，移除 Express：

     npm uninstall express

4. 更新套件:

   • 例如，更新所有套件：

     npm update

5. 查看已安裝的套件:

   • 輸入以下指令：

     npm list

步驟六：使用 VS Code 開發（可選）

1. 下載並安裝 VS Code:

   • 前往 VS Code 官方網站：https://code.visualstudio.com/

   • 下載並安裝 VS Code。

2. 打開專案目錄:

   • 啟動 VS Code，點擊 File > Open Folder，選擇您的 Node.js 專案目錄。

3. 安裝擴充功能:

   • 推薦安裝以下擴充功能：

     • ESLint：用於檢查 JavaScript 程式碼。

     • Prettier：用於格式化程式碼。

     • Node.js Extension Pack：包含多個 Node.js 開發相關的擴充功能。

4. 運行和除錯:

   • 在 VS Code 中打開 app.js，按下 F5 啟動除錯模式。

   • 您可以在 VS Code 中直接運行和除錯 Node.js 應用程式。