練習 - 設定 package.json

  • 4 分鐘

您是 Tailwind Traders 的 Node.js 開發人員。 了解如何設定新的 Node.js 專案是一個重要的技能。 設定包含產生 package.json 檔案，以及建立一些可在整個專案生命週期中使用的通用指令碼。

在開發容器中開啟專案

已為您提供簡單的開發環境。 如果您已在電腦上安裝 Node.js LTS，您可以略過本區段並複製範例存放庫並使用您的本機環境。

  • 遠端開發 (瀏覽器)
  • 本機開發 (Docker)

  1. 開始在 MicrosoftDocs/node-essentials GitHub 存放庫分的 main 分支上建立新的 GitHub Codespace 的流程。

    在 GitHub Codespaces 中開啟此專案

  2. 在 [建立 Codespace] 頁面上，檢閱 Codespace 組態設定，然後選取 [建立新的 Codespace]

    建立新 Codespace 之前確認畫面的螢幕擷取畫面。

  3. 等候 Codespace 開始。 此啟動程序可能需要幾分鐘的時間。

  4. 在 Codespace 中開啟新的終端機。

    提示

    您可以使用主功能表瀏覽至 [終端機] 功能表選項，然後選取 [新終端機] 選項。

    開啟新終端機的 Codespace 功能表選項的螢幕擷取畫面。

  5. 驗證您的環境中已安裝 Node.js:

    node --version

    開發容器會使用 Node.js LTS 版本，例如 v20.5.1。 確切的版本可能不同。

  6. 此專案中的其餘練習會在此開發容器的內容中進行。

設定新的 Node.js 專案

在此單元中，已為您提供 JavaScript 原始程式碼。 您的工作是建立 package.json 檔案。

  1. 在終端中，針對此練習變更為以下資料夾：

    cd node-dependencies/3-exercise-package-json

  2. 檢視資料夾的內容：

    ls -R

    在此資料夾中，您應該會看到含有 index.js 檔案的 src 子資料夾：

     ./src:
     index.js

  3. 執行下列命令以使用預設值建立 package.json 檔案：

    npm init -y

    package.json 檔案，如此範例所示：

    {
  "name": "3-exercise-package-json",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

  4. 使用下列屬性值修改 package.json：

    • name："tailwind-trader-api"
    • description："HTTP API to manage items from the Tailwind Traders database"
    • main："index.js"
    • keywords: ["API", "database"]
    • author："Sam"

    您的 package.json 檔案現在看起來應該像下列程式碼：

    {
  "name": "tailwind-trader-api",
  "version": "1.0.0",
  "description": "HTTP API to manage items from the Tailwind Traders database",
  "main": "index.js",
  "dependencies": {},
  "devDependencies": {},
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": ["api", "database"],
  "author": "Sam",
  "license": "ISC"
}

  5. 在 scripts 區段中，在 test 指令碼上方新增名為 start 的新指令碼：

    "start": "node ./src/index.js",

  6. 儲存變更並關閉 package.json 檔案。

  7. 輸入此命令以 start 動作開始您的專案：

    npm start

    您應該會看見下列輸出：

    Welcome to this application

隨著您的專案成長，您現在具有可建置的良好 package.json 檔案。