通过配置launch.json中的多个调试环境并结合.env文件，可高效管理开发、测试、生产等不同环境的运行参数。
在使用 VSCode 进行开发时，launch.json 文件是调试配置的核心。通过合理利用环境变量和配置文件分离，可以轻松管理不同环境（如开发、测试、生产）的运行参数。
理解 launch.json 中的环境变量配置
VSCode 的 launch.json 支持通过 “environment” 字段设置调试时注入的环境变量。这些变量可在程序启动时读取，用于区分当前运行环境。
基本结构如下：
{ "version": "0.2.0", "configurations": [ { "name": "Launch Dev", "type": "node", "request": "launch", "program": "${workspaceFolder}/app.js", "env": { "NODE_ENV": "development", "API_URL": "https://dev-api.example.com" } } ]}
这个配置会在调试时将 NODE_ENV 和 API_URL 注入进程，你的代码中可以通过 process.env.NODE_ENV 获取。
为不同环境创建独立的启动配置
你可以在同一个 launch.json 中定义多个配置，每个对应一个环境。
添加多个 configuration，用不同的名称区分 每个配置设置对应的环境变量值 调试时选择目标环境即可
示例：
{ "configurations": [ { "name": "Development", "type": "node", "request": "launch", "program": "${workspaceFolder}/app.js", "env": { "NODE_ENV": "development", "DB_HOST": "localhost", "LOG_LEVEL": "debug" } }, { "name": "Staging", "type": "node", "request": "launch", "program": "${workspaceFolder}/app.js", "env": { "NODE_ENV": "staging", "DB_HOST": "staging-db.example.com", "LOG_LEVEL": "info" } }, { "name": "Production", "type": "node", "request": "launch", "program": "${workspaceFolder}/app.js", "env": { "NODE_ENV": "production", "DB_HOST": "prod-db.example.com", "LOG_LEVEL": "warn" } } ]}
调试面板中会显示这三个选项，点击即可选择对应环境启动。
结合外部文件实现更灵活的配置管理
直接在 launch.json 写死变量不利于维护。可以通过 Node.js 程序内部加载 .env 文件来增强灵活性。
步骤：
安装 dotenv：运行 npm install dotenv --save-dev 在项目根目录创建 .env.development、.env.staging 等文件 主入口文件顶部引入 dotenv 并根据环境加载对应文件
例如：
// app.jsrequire('dotenv').config({ path: `.env.${process.env.NODE_ENV}` });
然后在 launch.json 中仍通过 env 指定 NODE_ENV，程序会自动加载对应配置文件。
使用变量引用提升可维护性
VSCode 支持在 launch.json 中使用变量，比如 ${workspaceFolder}、${env:NAME}。
你可以引用系统环境变量：
"env": { "SECRET_KEY": "${env:DEV_SECRET_KEY}"}
这样敏感信息不必写在配置文件中，而是由本地系统或 CI/CD 环境提供，更安全。
基本上就这些。通过组合使用多配置、环境变量注入和外部配置文件，能高效管理多环境调试场景，不复杂但容易忽略细节。
以上就是如何利用VSCode的配置文件（Launch.json）环境变量来管理不同环境的配置？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/202968.html
微信扫一扫 
支付宝扫一扫 
