快速体验
- 打开 InsCode(快马)平台 https://www.inscode.net
- 输入框内输入如下内容：
开发一个快速创建多环境原型的工具，功能包括：1. 一键生成开发、测试、演示三个Worktree 2. 自动配置差异化环境变量 3. 提供简易的同步和部署脚本。要求支持主流前端框架和后端语言，生成的项目包含详细的使用说明文档。- 点击'项目生成'按钮，等待项目生成完整后预览效果
5分钟用Git Worktree搭建多环境开发原型
最近在做一个需要同时维护多个环境版本的项目，比如开发版、测试版和演示版。每个版本的环境变量和配置都有些差异，手动切换起来特别麻烦。后来发现Git的Worktree功能简直是解决这个痛点的神器，今天就分享一下如何用它快速搭建多环境开发原型。
为什么需要多环境开发
在实际开发中，我们经常遇到这些场景：
- 开发环境：用于日常开发调试，可能需要连接本地数据库或mock服务
- 测试环境：配置接近生产环境，用于QA测试
- 演示环境：给客户展示用的精简版本，可能隐藏某些功能
传统做法是为每个环境创建不同分支，但切换分支时得反复提交和暂存变更，效率很低。Git Worktree允许我们在同一个仓库下创建多个工作目录，每个目录可以checkout不同的分支，完美解决了这个问题。
快速搭建多环境原型
- 首先创建一个主仓库作为基础，这里假设我们叫它
project-base - 使用
git worktree add命令添加三个工作目录： dev目录对应开发分支test目录对应测试分支demo目录对应演示分支- 在每个工作目录中创建对应的环境配置文件，比如
.env.development、.env.test等 - 编写一个简单的初始化脚本，自动完成上述步骤
环境差异化配置
为了让不同环境真正发挥作用，我们需要配置差异化变量：
- 开发环境：设置DEBUG模式、本地API地址
- 测试环境：连接测试数据库、启用日志记录
- 演示环境：禁用敏感功能、使用精简数据集
可以通过环境变量文件来实现这一点，比如在Vue项目中可以配置不同的VUE_APP_前缀变量。
同步和部署脚本
为了简化操作，可以编写几个实用脚本：
sync-all.sh：将主分支的变更同步到所有工作目录deploy-dev.sh：部署开发环境deploy-demo.sh：构建并打包演示版本
这些脚本可以放在项目根目录，方便团队成员使用。
实际应用技巧
在使用Worktree时，有几个实用技巧值得分享：
- 使用
git worktree list查看所有工作目录 - 删除工作目录用
git worktree remove - 工作目录最好放在主仓库外的独立位置
- 可以给不同工作目录设置不同的git配置
主流框架支持
这个方法适用于大多数现代开发栈：
- 前端：React、Vue、Angular等框架项目
- 后端：Node.js、Python、Java等服务端项目
- 全栈：Next.js、Nuxt.js等前后端结合项目
只需要确保框架支持环境变量配置即可。
使用体验
最近在InsCode(快马)平台上尝试这个方案特别方便。平台内置的终端可以直接运行git命令，而且一键部署功能让演示环境的发布变得非常简单。
整个过程不需要配置复杂的CI/CD，对于快速原型开发来说效率提升明显。特别是当需要给客户展示不同版本时，几分钟就能准备好所有环境，再也不用担心搞混配置了。
如果你也经常需要维护多个环境版本，强烈推荐试试Git Worktree这个方案。配合InsCode(快马)平台的便捷部署功能，开发体验会流畅很多。
快速体验
- 打开 InsCode(快马)平台 https://www.inscode.net
- 输入框内输入如下内容：
开发一个快速创建多环境原型的工具，功能包括：1. 一键生成开发、测试、演示三个Worktree 2. 自动配置差异化环境变量 3. 提供简易的同步和部署脚本。要求支持主流前端框架和后端语言，生成的项目包含详细的使用说明文档。- 点击'项目生成'按钮，等待项目生成完整后预览效果
