VSCode中的环境变量如何配置和使用?

发布时间 - 2025-12-20 00:00:00    点击率:
VSCode中配置环境变量有四种方式:一、launch.json专用于调试;二、settings.json设置终端启动环境;三、.env文件配合插件自动加载;四、tasks.json配置任务级环境变量。

如果您在 VSCode 中运行脚本时遇到环境变量未生效、程序无法读取预期配置或调试器报错提示变量缺失等问题,则可能是由于 VSCode 未正确加载或传递环境变量。以下是配置和使用环境变量的多种方式:

本文运行环境:MacBook Pro,macOS Sequoia。

一、通过 launch.json 配置调试环境变量

此方法专用于调试会话,可为每个调试配置独立设置环境变量,不影响终端或其他扩展行为。

1、在项目根目录下创建 .vscode/launch.json 文件(若不存在)。

2、在 configurations 数组中选择目标调试配置,添加 env 字段。

3、在 env 对象内以键值对形式写入变量,例如 "NODE_ENV": "development"。

4、保存文件后重启调试会话,变量将注入到调试进程的环境上下文中。

二、通过 settings.json 设置终端启动环境

此方法影响 VSCode 内置终端的初始环境,适用于需在集成终端中运行命令并依赖特定变量的场景。

1、打开 VSCode 设置(Cmd+,),切换至“工作区”选项卡。

2、点击右上角“打开设置(JSON)”图标,进入 settings.json 编辑界面。

3、添加 terminal.integrated.env.osx 字段(macOS)或 terminal.integrated.env.linux / terminal.integrated.env.windows。

4、在对应字段中填入 JSON 对象,例如 {"PYTHONPATH": "/Users/name/project/src"}。

三、通过 .env 文件配合插件自动加载

此方法无需修改 VSCode 配置文件,利用第三方插件在启动时自动读取项目根目录下的 .env 文件并注入变量。

1、在项目根目录新建 .env 文件,每行写一个变量,格式为 KEY=VALUE。

2、安装官方推荐插件 Env File Loader 或社区常用插件 DotENV

3、重启 VSCode,插件将自动解析 .env 并将其应用于当前工作区的终端与调试会话(具体范围依插件实现而定)。

四、通过 tasks.json 配置任务级环境变量

此方法适用于自定义构建、测试等任务,确保执行 task 时进程拥有指定环境变量。

1、在 .vscode/tasks.json 中定位到目标 task 的 definition 或 options 节点。

2、在 options 下添加 env 字段,结构与 launch.json 中一致。

3、若需覆盖系统级变量,可在 env 中显式指定,如 "PATH": "/opt/homebrew/bin:${env:PATH}"。

4、运行该任务(Ctrl+Shift+P → Tasks: Run Task),变量即生效于该 task 子进程。


# linux  # python  # vscode  # js  # json  # node  # windows  # macbook  # mac  # macos  # 对象  # 适用于  # 重启  # 自动加载  # 运行环境  # 可在  # 或其他  # 自定义  # 您在  # 应用于  # 报错 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: 如何获取免费开源的自助建站系统源码?  Mybatis 中的insertOrUpdate操作  关于BootStrap modal 在IOS9中不能弹出的解决方法(IOS 9 bootstrap modal ios 9 noticework)  php静态变量怎么调试_php静态变量作用域调试技巧【解答】  如何在宝塔面板中修改默认建站目录?  油猴 教程,油猴搜脚本为什么会网页无法显示?  潮流网站制作头像软件下载,适合母子的网名有哪些?  HTML5空格在Angular项目里怎么处理_Angular中空格的渲染问题【详解】  Windows10怎样连接蓝牙设备_Windows10蓝牙连接步骤【教程】  如何用VPS主机快速搭建个人网站?  公司网站制作需要多少钱,找人做公司网站需要多少钱?  如何快速搭建支持数据库操作的智能建站平台?  js实现点击每个li节点,都弹出其文本值及修改  Laravel如何部署到服务器_线上部署Laravel项目的完整流程与步骤  如何挑选高效建站主机与优质域名?  Laravel如何使用Blade模板引擎?(完整语法和示例)  如何利用DOS批处理实现定时关机操作详解  JavaScript Ajax实现异步通信  Win11任务栏卡死怎么办 Windows11任务栏无反应解决方法【教程】  免费的流程图制作网站有哪些,2025年教师初级职称申报网上流程?  西安专业网站制作公司有哪些,陕西省建行官方网站?  Linux虚拟化技术教程_KVMQEMU虚拟机安装与调优  Laravel Docker环境搭建教程_Laravel Sail使用指南  如何用低价快速搭建高质量网站?  Gemini手机端怎么发图片_Gemini手机端发图方法【步骤】  如何用PHP快速搭建CMS系统?  如何用免费手机建站系统零基础打造专业网站?  再谈Python中的字符串与字符编码(推荐)  Gemini怎么用新功能实时问答_Gemini实时问答使用【步骤】  详解jQuery停止动画——stop()方法的使用  Laravel怎么生成二维码图片_Laravel集成Simple-QrCode扩展包与参数设置【实战】  phpredis提高消息队列的实时性方法(推荐)  佐糖AI抠图怎样调整抠图精度_佐糖AI精度调整与放大细化操作【攻略】  南京网站制作费用,南京远驱官方网站?  Python数据仓库与ETL构建实战_Airflow调度流程详解  详解vue.js组件化开发实践  如何在 Python 中将列表项按字母顺序编号(a.、b.、c. …)  uc浏览器二维码扫描入口_uc浏览器扫码功能使用地址  Python高阶函数应用_函数作为参数说明【指导】  Linux安全能力提升路径_长期防护思维说明【指导】  Win11应用商店下载慢怎么办 Win11更改DNS提速下载【修复】  如何快速查询网站的真实建站时间?  香港服务器网站推广:SEO优化与外贸独立站搭建策略  手机怎么制作网站教程步骤,手机怎么做自己的网页链接?  详解Android中Activity的四大启动模式实验简述  微信小程序制作网站有哪些,微信小程序需要做网站吗?  Laravel如何实现URL美化Slug功能_Laravel使用eloquent-sluggable生成别名【方法】  如何在万网开始建站?分步指南解析  中山网站制作网页,中山新生登记系统登记流程?  Laravel如何使用软删除(Soft Deletes)功能_Eloquent软删除与数据恢复方法