如何在 VS Code 編輯器中建立和執行 Node.js 專案？

Node.js 是現代開發人員手中最重要的工具之一，用於建立必要的伺服器應用程式。在本文中，您將學習如何在最好的、最常用的編輯器 Visual Studio Code (VS Code) 中建立和執行 Node.js 專案。

什麼是 Node.js？

Node.js 是一個開源的跨平臺執行時環境，用於在伺服器端執行 JavaScript 程式碼。它有利於建立 Web 伺服器、API 和即時執行的應用程式。

Node.js 的關鍵特性

以下是 Node.js 的關鍵特性：

  • 非同步和事件驅動
  • 快速執行
  • 可擴充套件性
  • 豐富的生態系統 (NPM)

為什麼將 VS Code 用於 Node.js 開發？

Microsoft 擁有 Visual Studio Code，它是最好的輕量級程式碼編輯器之一，它最佳地支援 JavaScript 和 Node.js。

其特性包括：

  • 內建終端
  • 除錯工具
  • 擴充套件市場
  • 直觀的使用者介面

在 VS Code 中建立和執行 Node.js 專案的步驟

步驟 1：安裝 Node.js 和 VS Code

1. 下載 Node.js 的官方安裝程式 並安裝應用程式。

2. 從網站下載 Visual Studio Code 並將其設定為自動安裝。

步驟 2：設定您的專案資料夾

建議為您的專案建立一個新目錄。

2. 開啟 VS Code，轉到“檔案”選項，單擊“開啟資料夾”，然後選擇您的專案資料夾。

步驟 3：設定 Node.js 專案

1. 透過頂部選單選項（檢視 > 終端）單擊 VS Code 的終端。

2. 執行命令 `npm init -y`

npm init -y

這將建立一個 **package.json** 檔案來管理專案依賴項。

步驟 4：讓我們編寫我們的第一個 Node.js 指令碼

1. 專案資料夾中將會有一個名為 app.js 的新檔案。

2. 將以下程式碼新增到檔案中: `console.log("Hello, Node.js!");`

console.log('Hello, Node.js!');

步驟 5：執行您的 Node.js 指令碼

1. 在終端中，使用命令 `node app.js` 執行指令碼。

node app.js

2. 您應該會在終端中看到“Hello, Node.js!”打印出來。

步驟 6：安裝和使用外部模組

1. 安裝一個流行的包（例如，express）：`npm install express`

npm install express

2. 將此程式碼新增到 app.js 中以建立一個簡單的 Express 伺服器:

const express = require('express');
const app = express();

app.get('/', (req, res) => {
    res.send('Welcome to my Node.js server!');
});

app.listen(3000, () => {
    console.log('Server is running on https://:3000');
});

3. 再次執行指令碼，然後在您的 Web 瀏覽器中訪問 https://:3000。

步驟 7：在 VS Code 中進行除錯

1. 在 VS Code 中轉到“執行和除錯”選單。

2. 透過建立 launch.json 檔案來配置偵錯程式。

3. 新增以下配置:

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "Launch Program",
            "program": "${workspaceFolder}/app.js"
        }
    ]
}

4. 開始除錯您的專案。

結論

使用本指南，您將瞭解如何在 VS Code 中建立和使用 Node.js 專案，並充分利用其關鍵功能來提高您的工作效率。相信我們，今天就充滿信心地開始構建您的專案吧！

更新於：2024年11月12日

瀏覽量：13

啟動您的 職業生涯

透過完成課程獲得認證

開始
廣告