如何在JavaScript项目中设置.env环境变量 结合node-calendly-sdk场景

• 第一步：安装dotenv依赖
  Node.js项目默认不会自动读取.env配置文件，首先安装依赖包：

# npm 安装
npm install dotenv
# yarn 安装
yarn add dotenv

• 第二步：创建.env配置文件
  在项目根目录（和package.json文件同级的位置）新建名为.env的文件，写入你的API令牌配置：

CALENDLY_API_TOKEN=替换为你实际的Calendly API令牌

注意配置项等号两侧不要留空格，令牌值默认不需要加引号，除非包含特殊字符。

• 第三步：配置.gitignore防止密钥泄露
  打开项目根目录的.gitignore文件，新增一行.env，确保包含密钥的配置文件不会被提交到代码仓库，避免密钥泄露。
• 第四步：代码中加载并使用环境变量
  在项目入口文件（如index.js、app.js）的最顶部引入并初始化dotenv：

// CommonJS 语法
require('dotenv').config()

// ES Module 语法
import dotenv from 'dotenv'
dotenv.config()

之后就可以替换原有的硬编码代码：

const calendly_client = new Calendly(process.env.CALENDLY_API_TOKEN)

补充说明：如果是前端框架项目（如Vite、React、Vue等），环境变量需要遵循对应框架的命名规则，比如Vite要求变量名以VITE_开头，Create React App要求以REACT_APP_开头，否则变量会被框架安全策略过滤，无法在前端代码中正常读取。

内容的提问来源于stack exchange，提问作者Arav Narula