【git】前端初级程序员入职第一天 Git 全流程指南_程序员刚入职git怎么用
前端程序员入职第一天 Git 全流程指南
一、Git 工具安装与配置
✅1.1 Git 安装
-
Windows:
- 下载地址:https://git-scm.com/download/win
- 安装选项建议:
- Use Git from Windows Command Prompt
- Checkout Windows-style, commit Unix-style line endings
- Use MinTTY (the default terminal of MSYS2)
-
macOS:
brew install git
-
Linux (Ubuntu):
sudo apt-get updatesudo apt-get install git
✅1.2 Git 配置(全局)
git config --global user.name \"YourName\"git config --global user.email \"yourname@example.com\"
可选配置项:
git config --global core.editor \"code --wait\" # VSCode 作为默认编辑器git config --global merge.tool \"vscode\" # 合并工具git config --global color.ui true # 开启颜色
✅1.3 SSH 密钥生成与绑定
1.3.1 生成密钥
ssh-keygen -t rsa -C \"your_email@example.com\"
- 默认路径:
~/.ssh/id_rsa
(私钥)和~/.ssh/id_rsa.pub
(公钥)
1.3.2 添加到 ssh-agent
eval \"$(ssh-agent -s)\"ssh-add ~/.ssh/id_rsa
1.3.3 绑定平台
-
GitHub:
- 复制公钥内容:
cat ~/.ssh/id_rsa.pub
- 登录 GitHub → Settings → SSH and GPG keys → New SSH key
- 复制公钥内容:
-
GitLab:
- 登录 GitLab → Profile Settings → SSH Keys → Add SSH Key
-
Gitee:
- 登录 Gitee → 设置 → SSH公钥管理 → 添加公钥
1.3.4 测试连接
ssh -T git@github.comssh -T git@gitlab.comssh -T git@gitee.com
二、公司 Git 平台接入与代码拉取
✅2.1 获取公司 Git 地址
- 可能是:
- GitHub Enterprise(如
https://git.yourcompany.com
) - GitLab(如
https://gitlab.yourcompany.com
) - Gitee 私有仓库(如
https://gitee.com/yourcompany
) - 自建 Git 平台(如 Gogs、Gitea)
- GitHub Enterprise(如
✅2.2 拉取项目代码
2.2.1 HTTPS 方式
git clone https://gitlab.yourcompany.com/team/project.git
- 第一次会提示输入账号密码
2.2.2 SSH 方式(推荐)
git clone git@gitlab.yourcompany.com:team/project.git
2.3 查看分支结构
git branch -r # 查看远程分支git branch # 查看本地分支git checkout dev # 切换到开发分支git pull origin dev # 拉取最新代码
2.4 初始化项目依赖
npm installnpm run dev
三、Git 分支规范与协作流程
✅3.1 分支命名规范(示例)
✅3.2 Git Flow 协作模型
git checkout devgit pull origin devgit checkout -b feature/new-button# 编写代码...git add .git commit -m \"feat(button): add hover effect\"git push origin feature/new-button
✅3.3 提交 PR / Merge Request
- 打开 Git 平台界面,创建 Pull Request 或 Merge Request
- 填写标题、描述、关联 Issue(如有)
- 请求 Reviewer 审核
- 合并后删除分支
四、Git 与 SVN 对比
git log
svn log
五、与同事的 Git 协作流程
✅5.1 拉取他人代码
git remote add colleague git@gitlab.yourcompany.com:colleague/project.gitgit fetch colleaguegit checkout -b colleague-feature colleague/feature
✅5.2 解决冲突
git merge colleague-feature# 出现冲突文件,手动解决冲突标记 <<<<<<>>>>>>>git add <resolved-file>git commit
✅5.3 使用 Pull Request 审查
- 在 Git 平台中查看对方提交的 PR
- 点击 Files changed 查看修改细节
- 可以评论、建议更改、批准或拒绝
六、从零到提交完整流程(第一天实操)
✅6.1 初始化开发环境
git clone git@gitlab.yourcompany.com:frontend/project.gitcd projectnpm installnpm run dev
✅6.2 创建功能分支
git checkout devgit pull origin devgit checkout -b feature/todo-list
✅6.3 编写代码并提交
# 修改 src/components/TodoList.vuegit add src/components/TodoList.vuegit commit -m \"feat(todo): implement todo list component\"
✅6.4 推送分支
git push origin feature/todo-list
✅6.5 创建 Pull Request
- 打开 Git 平台页面
- 点击 “New Merge Request”
- 填写标题:
feat(todo): implement todo list
- 描述:
实现了 Todo List 的基础功能,包括:- 新增待办事项- 标记完成状态- 删除功能
- Assign to Reviewer(如有)
- 关联 Jira Ticket(如有)
七、常见问题与解决方案
✅7.1 权限问题
- 错误信息:
Permission denied (publickey)
- 解决方案:
- 检查是否添加 SSH 密钥:
ssh-add -l
- 检查密钥是否已上传到 Git 平台
- 尝试重新生成密钥:
ssh-keygen -t rsa
- 检查是否添加 SSH 密钥:
- 解决方案:
✅7.2 分支冲突
- 错误信息:
CONFLICT (content): Merge conflict in xxx
- 解决方案:
- 打开冲突文件,查找
<<<<<<<
,=======
,>>>>>>>
- 手动选择保留的内容
git add
标记为已解决git commit
完成合并
- 打开冲突文件,查找
- 解决方案:
✅7.3 网络问题
- 错误信息:
Connection timed out
/Could not resolve host
- 解决方案:
- 检查网络连接
- 更换 DNS(如使用 8.8.8.8)
- 使用代理:
git config --global http.proxy \'socks5://127.0.0.1:1080\'git config --global https.proxy \'socks5://127.0.0.1:1080\'
- 解决方案:
✅7.4 用户身份问题
- 错误信息:
Please tell me who you are
- 解决方案:
git config --global user.name \"YourName\"git config --global user.email \"your_email@example.com\"
- 解决方案:
✅7.5 提交信息错误
- 错误信息:
commit message不符合规范
- 解决方案:
- 修改提交信息:
git commit --amend
- 如果已推送到远程:
git push origin feature/todo-list --force
- 修改提交信息:
- 解决方案:
八、推荐工具与插件
九、总结
前端程序员入职第一天的 Git 流程涵盖从 Git 安装配置、SSH 密钥生成、平台绑定、代码拉取、分支切换、功能开发、代码提交、PR 创建、审核反馈、合并上线的全过程。理解 Git 的分布式特性、分支策略、协作流程以及常见问题处理方法,是快速融入团队、高效工作的关键。
建议实践:
- 每天拉取最新代码:
git pull origin dev
- 提交时遵循 Conventional Commits 规范
- 使用 VSCode Git 插件辅助提交和冲突解决
- 学会使用
git stash
保存临时修改 - 熟悉
git rebase
和git reset
的安全使用
掌握这些 Git 技能,不仅能让你顺利度过入职第一天,还能帮助你在后续工作中更高效地参与协作和开发。