如何在Vercel中配置多环境：实现Development环境指向DEV分支、QA环境指向QA分支

嘿，刚用Vercel的话这个配置确实容易摸不着头脑，我当初也花了点时间搞清楚，其实分两步就能搞定——先创建自定义环境（用来管理对应环境的变量），再把指定分支和这些环境绑定起来，具体步骤如下：

第一步：创建自定义环境 #

• 打开你的Vercel项目 dashboard，点击顶部的 Settings 标签页
• 在左侧导航栏找到 Environments 选项，进入后点击 Create Environment 按钮
• 输入环境名称 Development，可以顺便添加这个环境专属的环境变量（比如API地址、密钥之类的），完成后点击 Save
• 重复上面的操作，创建名为 QA 的环境

第二步：绑定分支到对应环境 #

• 回到 Settings 页面，在左侧导航栏选择 Git 选项
• 往下滚动找到 Branch Configuration 区域：
  • 你会看到默认的 Production Branch 已经设置为 main，不用动它
  • 点击 Add Rule 按钮，在弹出的窗口里：
    • 输入分支名称（比如你的DEV分支叫 dev，就填这个，注意和仓库里的分支名完全一致）
    • 在 Environment 下拉菜单里选择刚才创建的 Development
    • 点击 Save Rule 完成绑定
  • 再添加一条规则，分支名填你的QA分支（比如 qa），环境选择 QA，保存即可

验证配置 #

完成后，你可以往DEV或QA分支推送一次代码，Vercel会自动触发构建，并且在项目的 Deployments 页面里，你能看到对应的部署会标记为 Development 或 QA 环境，而不是默认的Preview。

另外，如果你习惯用命令行，也可以通过Vercel CLI的 vercel env add 命令创建环境变量，再用 vercel git add 命令绑定分支，但对于新手来说，用dashboard操作会更直观不容易出错。

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