用HBuilder写完一段功能,改完几个bug,总不能一直本地留着吧?该提交的时候就得提交,Git就是干这事儿的。很多人刚开始用HBuilder连Git都配好了,可真到提交那一步,点来点去不知道从哪下手,其实没那么复杂。
先确认Git环境已经配好
打开HBuilder,在菜单栏找到“项目”→“初始化git仓库”。如果看不到这个选项,说明当前项目还没启用Git。点一下,HBuilder就会在项目根目录生成一个 .git 文件夹,表示本地仓库建好了。
不过在这之前,你得确保系统里装了Git。可以在命令行敲 git --version 看看有没有反应。没有的话去官网下个Git,装完重启HBuilder就行。
添加文件并提交
改完代码后,HBuilder左侧项目面板里,文件名会变色——绿色是新增,蓝色是修改过,红色是被删了。右键项目名称,选择“Git”→“提交”。这时候会弹出一个窗口,列出所有待提交的文件。
勾选你要提交的文件,在下方输入提交信息,比如“修复登录页样式错位”或者“添加用户注册接口调用”。别偷懒写“更新”“改了点东西”,以后翻记录你会后悔的。
点提交,就进本地仓库了。这时候代码只是保存在你电脑上,还没传到远程,比如Gitee或GitHub。
推送到远程仓库
第一次推送前,得先关联远程地址。还是右键项目 → Git → “远程” → “添加”。填个名字,比如 origin,然后把你的仓库URL粘进去,像这样:
https://gitee.com/yourname/project-demo.git
保存后,再点“推送”,选 origin 和分支(一般是 master 或 main),确认就行。输一次账号密码后,HBuilder通常会记住,下次就不用再输。
拉取更新也很简单
别人改了代码你得同步。在HBuilder里右键项目 → Git → 拉取。它会自动合并远程的最新改动。要是碰上冲突,文件里会出现 <<<<<<< HEAD 这样的标记,手动改完保存,再提交一次就行了。
有次我同事在手机端改了配置文件,我本地也动了同一处,拉代码时就撞上了。打开文件一看,HBuilder把两边内容都标出来了,删掉不要的,保留正确的,重新提交,问题就解决了。
小技巧:忽略不需要的文件
不是所有文件都要进Git。比如编译生成的 dist 文件夹、node_modules、.env.local 这类本地配置,都应该忽略。在项目根目录加个 .gitignore 文件,写上:
/node_modules
/dist
.env.local
.DS_Store
这样HBuilder提交时就不会把这些文件列出来,省得误提交。
用熟了之后,每天开工前顺手 pull 一下,下班前 commit + push 一下,就跟发朋友圈一样自然。代码安全了,协作也顺畅,不怕谁改坏了谁的代码。