在日常开发中，使用HBuilder管理项目并提交代码到Git是不少前端开发者的选择。尤其在配合内网穿透工具进行远程协作时，版本控制显得尤为重要。很多人刚上手HBuilder，对如何把写好的代码推送到Git仓库感到陌生，其实步骤并不复杂。
初始化本地Git仓库
打开HBuilder，进入你的项目目录。如果还没有初始化Git仓库，可以在项目根目录右键，选择“Git” → “初始化仓库”。这一步相当于在命令行执行 git init，之后HBuilder就会开始追踪这个项目的文件变化。
配置Git账户信息
首次使用需要设置用户名和邮箱，否则提交会失败。在HBuilder的菜单栏找到“工具” → “选项” → “Git”，填写你的姓名和邮箱。比如：
用户名：张工开发日记
邮箱：zhanggong@example.com这些信息会记录在每次提交日志里，方便团队识别是谁改了哪部分代码。
添加文件并提交到本地仓库
当你修改了页面结构或样式，比如调整了登录页的按钮位置，就可以准备提交了。在项目文件列表中，右键点击要提交的文件或整个项目，选择“Git” → “添加”（对应 git add），把变更加入暂存区。
接着再次右键，选择“Git” → “提交”，弹出窗口让你填写提交信息。别偷懒写“更新代码”，最好写清楚做了什么，比如“修复用户登录跳转异常”或“新增订单状态提示文案”。清晰的提交记录能让后期排查问题省不少事。
连接远程仓库并推送代码
如果项目已经关联了远程Git仓库（如Gitee、GitHub或公司自建GitLab），可以直接推送。在HBuilder中右键项目，选择“Git” → “远程” → “推送”。第一次推送时需要填写远程仓库地址，格式一般是：
https://gitee.com/yourname/project-name.git输入账号密码后，本地提交的内容就会同步到远程。这时候你的同事通过内网穿透访问开发环境，也能拉取最新代码进行测试。
处理常见问题
有时候点击推送没反应，可能是网络问题或远程地址配置错误。可以尝试在终端手动执行命令查看状态：
git status
git remote -v如果提示需要先拉取（pull），说明别人提交了新代码。这时应先拉取合并，解决可能的冲突后再推送。HBuilder的“Git”菜单里也有“拉取”功能，用起来很方便。
对于使用内网穿透做联调的场景，建议每天开工前先拉一次代码，避免多人同时改同一个文件造成覆盖。提交频率也不必追求多，一个功能点完成后再提交，保持逻辑完整更利于协作。