2025-05-24 npm i express dotenv 這是什麼意思

2025-05-24 npm i express dotenv 這是什麼意思

好——簡短清楚解釋一下:

npm i express dotenv 的意思是用 npm(Node.js 的套件管理器)安裝兩個套件:expressdotenv
npm inpm install 的縮寫。


逐項說明

  • npm i = npm install:把套件下載到目前專案的 node_modules/,並預設把套件寫入 package.jsondependencies(除非你加 --no-save)。
  • express:一個非常常用的 Node.js web 應用框架,用來快速建立 HTTP 伺服器、路由、middleware 等。
  • dotenv:用來從專案根目錄的 .env 檔案讀取環境變數(例如 API_KEY、PORT、DB 密碼),讓敏感資料不寫在程式碼裡面。

常見流程(步驟)

  1. 初始化專案(若還沒做過):
1
npm init -y

這會生成 package.json

  1. 安裝套件:
1
npm i express dotenv

安裝後你會看到 node_modules/package-lock.jsonpackage.jsondependencies 也會包含這兩個套件。

  1. 建一個 .env 檔,放在專案根目錄(注意不要把它推到 git):
1
2
PORT=3000
SECRET=meow123

並在 .gitignore 加上 .env

  1. 建一個範例伺服器 server.js(CommonJS):
1
2
3
4
5
6
7
8
9
10
11
12
// server.js
require('dotenv').config(); // 讀取 .env
const express = require('express');
const app = express();

const PORT = process.env.PORT || 3000;

app.get('/', (req, res) => res.send('Hello world!'));

app.listen(PORT, () => {
console.log(`Server running on http://localhost:${PORT}`);
});

執行:

1
node server.js

如果你使用 ESM(在 package.json"type":"module"),寫法會是:

1
2
3
4
5
6
import 'dotenv/config';
import express from 'express';

const app = express();
const PORT = process.env.PORT || 3000;
...

補充小提醒

  • 如果只想安裝為開發時用(不放到 production dependencies),用 npm i -D <pkg>(或 --save-dev)。
  • 若想安裝全域命令工具才用 -g(大多數 library 不需要全域安裝)。
  • .env 不要上傳到公開 repo(放到 .gitignore)。
  • 若要指定版本:npm i express@4.18.2(例子而已)。