如何在VS Code中运行带环境变量参数的npm scripts

该报错本质是终端环境的语法差异：

• 远程服务器使用Bash/Zsh等*nix系shell，支持变量名=值 命令的临时环境变量注入语法，执行时会将等号前的键值对临时挂载到进程的process.env对象，不会全局留存
• 本地VS Code默认终端为Windows PowerShell或CMD，两类终端均不支持*nix系的临时环境变量注入语法，会将INTERVAL="xxx"整体识别为待执行的命令，因此触发「不是cmdlet名称」的错误
• 参数放在npm start后无法被识别，是因为这类参数会传入npm脚本本身，不会自动挂载到process.env，而项目代码是从环境变量读取配置，自然无法识别。

方案1：切换VS Code终端为Git Bash（Windows环境最便捷） #

如果本地已安装Git，直接把VS Code默认终端切换为Git Bash，直接执行原启动命令即可，完全和服务器行为一致，不需要修改任何项目代码。

方案2：适配当前终端的环境变量语法 #

• 若使用PowerShell，执行以下命令：

$env:INTERVAL="2021-08-30T22:00:00.797Z/2021-08-31T21:59:59Z"
$env:getA="false"
npm start

• 若使用CMD，执行以下命令：

set INTERVAL=2021-08-30T22:00:00.797Z/2021-08-31T21:59:59Z
set getA=false
npm start

该方式设置的环境变量仅在当前终端会话生效，关闭终端后自动清除。

方案3：用.env文件统一管理环境变量（开发阶段推荐） #

可以在项目根目录新建.env文件，写入以下内容：

INTERVAL=2021-08-30T22:00:00.797Z/2021-08-31T21:59:59Z
getA=false

再根据项目技术栈引入env加载逻辑即可：

• 原生Node.js项目：安装dotenv包，在项目入口最顶部引入require('dotenv').config()，即可自动读取.env文件内容注入process.env
• Vue/React等脚手架创建的项目：大部分脚手架已内置.env文件读取能力，直接放在根目录即可生效，无需额外配置
  注意要把.env加入.gitignore，避免提交到仓库泄露敏感配置。

方案4：用cross-env做跨终端兼容（适合统一脚本配置） #

如果需要写跨平台统一的启动命令，可以安装cross-env依赖，把启动命令修改为：

cross-env INTERVAL="2021-08-30T22:00:00.797Z/2021-08-31T21:59:59Z" getA=false npm start

cross-env会自动适配不同终端的环境变量语法，所有平台执行效果一致。

• 查阅Node.js官方文档中关于process.env的相关说明，了解Node进程环境变量的读取逻辑
• 学习常见终端（Bash、PowerShell、CMD）的基础语法差异，重点掌握环境变量设置相关的规则
• 了解前端工程化中多环境配置的常见方案，包括.env文件规范、环境变量注入的实现逻辑

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