如何在 VSCode 中为 Node 环境配置环境变量文件 .env
VSCode不自动读取.env文件。调试时可通过launch.json的envFile字段加载，但仅限调试进程。终端运行需用cross-env设置环境变量。代码层面应使用dotenv在入口文件最顶部加载，注意路径相对当前文件。DotENV插件仅提供语法高亮，不参与运行时加载。
今天聊一个让不少开发者头疼的话题：在 VSCode 里给 Node.js 项目配置环境变量文件 .env。
先说说核心判断：VSCode 本身不会主动去读取、解析或注入任何 .env 文件——这个事实很重要，因为所有“变量没生效”的问题，本质上都出在运行时加载环节，而不是编辑器配置。
launch.json 的 envFile 字段只对调试生效
这是最常用也最省事的做法——不用动代码，但得明白它的适用范围：仅限于 VSCode 调试器启动的 Node.js 进程。
操作上要注意几点：
.env文件放项目根目录，跟package.json同级，编码必须是 UTF-8 无 BOM。怎么看？右下角状态栏就能查，不对的话点 “Sa ve with Encoding” 改成 “UTF-8”。- 在
.vscode/launch.json的配置里加上envFile字段，路径必须用${workspaceFolder}表达式，比如这样："envFile": "${workspaceFolder}/.env"。千万别写成./.env或.env，某些版本里相对路径不太靠谱，而且也别指望它自动合并.env.local或者处理什么覆盖逻辑。 - 修改完
.env文件后，记得重启调试会话——VSCode 不会热重载这个文件。
终端里运行 node 命令时 .env 不生效？别怪 VSCode
VSCode 内置终端是独立的 shell 进程，跟编辑器是解耦的，不会自动去 source 或解析 .env 文件。所以如果你在终端里直接敲 node index.js，指望 .env 里的变量自动生效，那就不太现实。
几个实用建议：
- Windows 下的 cmd 或 PowerShell 不支持
NODE_ENV=development node index.js这种写法——要么报错，要么静默忽略。 - 正确的做法：安装
cross-env，命令是npm install --sa ve-dev cross-env。然后在package.json的 scripts 里写"dev": "cross-env NODE_ENV=development node index.js"。 - 如果要用 launch.json 启动带环境变量的终端命令，把
runtimeExecutable设成"cross-env"，runtimeArgs写成["NODE_ENV=development", "node", "index.js"]。注意：别把环境变量塞进args字段里，那是传给 Node.js 的参数，不是 shell 环境变量。
require('dotenv').config() 必须在入口文件最顶部
这是最可靠的方式——在代码层面加载环境变量，但顺序和路径非常容易出错。
- 如果你用 ESM（ES Module），推荐写法是
import 'dotenv/config';，而且要放在所有其他import之前，包括import { createServer } from 'http'这种系统模块。 - CommonJS 下同理：
require('dotenv').config();必须在const app = express();或者数据库连接之前执行——差一行都可能出问题。 - 路径错误是最常见的坑：
require('dotenv').config({ path: './config/.env' })里的路径是相对于当前 JS 文件的，不是项目根目录。比如入口是src/index.js，.env在根目录，那就要写成{ path: '../.env' }。 - 还有一个隐藏问题：文件如果包含 BOM 或者不可见的 Unicode 字符（比如零宽空格），
dotenv会静默失败，process.env全为空。用 VSCode 打开.env，切换到纯文本模式检查一下有没有异常字符。
DotENV 插件只负责高亮，跟运行无关
很多人装了插件后看到 .env 文件有颜色，就以为变量能用了——其实不然。插件只做两件事：语法高亮和颜色标记。
- 检查右下角语言模式是不是
Environment，如果不是，点一下切换过来，否则插件不触发高亮。 - 如果你用自定义文件名比如
.env.staging，得手动在settings.json里配置："files.associations": { "*.staging": "environment" }。 - 记住一条：插件完全不参与运行时加载。
process.env.API_URL还是 undefined 的话，这很正常——插件只是帮你少写错一个等号而已。
最后说一个容易被忽略的点：envFile 和 require('dotenv').config() 是两条独立路径，可以同时用，也可以只用一条。但如果同时用了，要注意变量优先级——envFile 加载的变量会覆盖 dotenv 解析的同名变量，而系统环境变量又会覆盖这两者。调试时看到的值，未必是你代码里真正拿到的值。这点很关键，值得多想一下。
WPS Office是一款面向macOS用户的综合办公套件，将文字处理、电子表格、演示文稿、PDF工具、模板与云协作整合在同一应用中。它兼容常见Microsoft Office格式，支持Intel及Apple芯片Mac，基础功能可免费使用，
Shapr3D是一款面向工业设计、机械工程、建筑概念和三维打印工作流的CAD软件。Mac版采用Parasolid建模内核，支持草图约束、实体建模、工程图、可视化渲染及常见CAD格式交换，并可通过账户在多台设备之间同步项目。
REAPER是Cockos开发的数字音频工作站，提供多轨音频与MIDI录制、剪辑、处理、混音和母带制作工具。Mac版兼容Intel与Apple芯片，支持AU、VST、VST3、CLAP等插件格式，并提供高度可定制的工作流程。
Ableton Live 是面向音乐制作人与现场表演者的数字音频工作站，提供编曲视图、独具特色的现场视图、音频录制、MIDI创作、实时变速、乐器及效果器。Mac版原生支持Apple芯片，并可连接音频接口、MIDI控制器和第三方插件。
Adobe After Effects 是面向动态图形、影视特效与视频合成的专业创作软件。它提供关键帧动画、遮罩抠像、运动跟踪、三维空间、文字动画和表达式等工具，并可与 Premiere Pro、Photoshop、Illustrator
Adobe Audition 是面向播客、影视后期、音乐制作及内容创作者的专业音频工作站，提供波形精修、多轨录制与混音、频谱编辑、降噪修复、响度匹配和效果处理工具，并可与 Adobe Premiere 协同完成视频声音制作。
Adobe Bridge 是面向摄影师、设计师及内容团队的免费数字资产管理工具，可集中预览照片、视频和 Adobe 项目文件，并利用评级、标签、关键词、元数据、筛选与收藏集完成分类检索。它还支持批量重命名、格式导出、相机导入及 Camera
Adobe Illustrator 是 Adobe 推出的专业矢量图形设计软件，适合在 Mac 上制作标志、图标、插画、包装、信息图及印刷版面。它以路径和锚点构建可无损缩放的图形，并提供钢笔、形状、文字、图像描摹、渐变、画板及生成式功能。
Adobe InDesign 是面向印刷品与数字出版物的专业版面设计软件，可在 Mac 上制作书籍、杂志、宣传册、海报、报告及交互式文档。它提供精细的文字样式、网格、母版、长文档管理和印前输出能力。
Adobe Lightroom Classic 是面向桌面摄影工作流的照片管理与后期处理软件，可将原始照片保存在本地硬盘，通过目录、关键词、评分和收藏夹高效整理图库，并提供 RAW 冲印、蒙版、镜头校正、批量同步及多格式导出等功能。
Adobe Media Encoder 是 Adobe 推出的专业音视频编码与转码工具，可通过队列、预设和监视文件夹批量完成格式转换、代理文件创建及多平台成片输出，并与 Premiere Pro、After Effects 等软件紧密协作。
Adobe Photoshop 是面向摄影师、设计师和内容创作者的专业图像处理软件，提供图层、蒙版、选区、修复、调色、文字排版、智能对象及生成式编辑等能力。Mac 版支持 Intel 与 Apple Silicon 处理器。
Adobe Photoshop 是面向摄影师、设计师和内容创作者的专业图像处理工具，可在 Windows 上完成照片修饰、选区抠图、图层合成、文字排版、绘画及生成式编辑。软件采用订阅授权，由 Creative Cloud 管理安装、更新与许
Adobe InDesign 是面向印刷与数字出版的专业页面排版工具，可制作书籍、杂志、宣传册、海报、交互式 PDF 和电子书。它提供精细的文字样式、多页面管理、印前检查及多格式输出能力，并能与 Photoshop、Illustrator
Adobe Illustrator 是用于绘制矢量图形、插画、图标、徽标和版式的专业设计工具。它以路径和锚点为核心，作品放大后仍能保持清晰，并提供画板、文字、渐变、图像描摹及精确变换等功能，适合品牌视觉、印刷物料、数字界面和商业插画创作。
Adobe Bridge 是 Adobe 推出的创意资产管理工具，可集中预览、分类和查找照片、视频、PDF及多种设计文件，并支持元数据、关键词、评级、批量重命名和格式导出。它可与 Photoshop、Illustrator 等应用衔接，
Affinity Photo 是一款面向摄影师、修图师和视觉设计人员的桌面图像编辑工具，提供 RAW 显影、多图层合成、蒙版、实时滤镜、批处理和色彩管理等功能。原独立产品已停止销售，其照片编辑能力已延续至免费的新 Affinity 应用；
Adobe Lightroom Classic 是面向 Windows 桌面摄影工作流的照片管理与无损编辑工具，可通过目录集中整理大型图库，并完成 RAW 显影、局部蒙版、批量调整、打印和多格式导出。它强调本地文件管理与精细控制，
Figma 是面向产品设计与开发团队的云端协作平台，可在 Windows 桌面客户端中完成界面绘制、组件管理、交互原型、评论评审和开发交付。文件保存在云端，多名成员能够同步编辑并共享设计系统；官方同时提供免费 Starter 方案及按席位计
Affinity Designer 是面向矢量图形、数字插画和界面设计的专业创作工具，可在矢量、像素与导出工作区之间快速切换。它提供曲线编辑、形状构建、画板、排版、图层和专业色彩管理，并支持常见设计文件的导入及多种印刷、网页格式输出。
Capture One Pro 是面向摄影师和影像团队的专业桌面照片处理工具，提供相机定制色彩配置、RAW转换、图层与蒙版、联机拍摄、目录及会话管理等功能。它适合棚拍、人像、商业产品、婚礼和风光摄影，
Adobe Acrobat Pro 是面向专业 PDF 工作的综合解决方案，可在 Windows 中创建、编辑、转换、比较、整理和保护文档，并支持表单、电子签名、扫描件文字识别及敏感信息永久遮盖。订阅还包含网页、移动服务和云端协作能力，
Adobe After Effects 是面向动态图形、动画与影视视觉特效制作的专业工具，可完成关键帧动画、图层合成、遮罩跟踪、抠像、文字动画和二维三维元素整合。Windows 版通过 Adobe Creative Cloud 安装及更新，
DaVinci Resolve是Blackmagic Design推出的一体化影视后期工具，将素材管理、非线性剪辑、专业调色、Fusion视觉特效、Fairlight音频处理和成片交付整合在统一工程中。免费版已覆盖多数个人创作需求，