> 技术文档 > 【git】前端初级程序员入职第一天 Git 全流程指南_程序员刚入职git怎么用

【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)

✅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 分支命名规范(示例)

分支类型 命名规则 示例 主干 main / master main 开发 dev / develop dev 功能 feature/xxx feature/login-flow 修复 fix/xxx fix/header-bug 发布 release/vX.X.X release/v2.0.0 热修 hotfix/xxx hotfix/payment-issue

✅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 SVN 类型 分布式版本控制 集中式版本控制 性能 快速(本地操作) 较慢(需联网) 分支管理 轻量级、易创建合并 重量级、合并复杂 离线工作 支持 不支持 权限控制 通过平台设置 需要配置 svnserve.conf 存储方式 内容寻址对象存储(SHA-1) 文件差异存储 日志查看 git log svn log 文件锁定 不支持 支持 社区生态 GitHub/GitLab/Gitee等广泛支持 VisualSVN、CollabNet等

五、与同事的 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

✅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

八、推荐工具与插件

工具类别 推荐列表 图形化客户端 GitKraken、Sourcetree、VSCode Git 插件 提交规范 Commitizen、Husky(提交前校验) 密钥管理 Pageant(Windows)、Keychain(Mac)、GNOME Keyring(Linux) 协议转换 git-remote-codecommit(AWS CodeCommit),用于 HTTPS/SVN 混合环境 文档管理 GitBook、Confluence

九、总结

前端程序员入职第一天的 Git 流程涵盖从 Git 安装配置、SSH 密钥生成、平台绑定、代码拉取、分支切换、功能开发、代码提交、PR 创建、审核反馈、合并上线的全过程。理解 Git 的分布式特性、分支策略、协作流程以及常见问题处理方法,是快速融入团队、高效工作的关键。

建议实践:

  • 每天拉取最新代码:git pull origin dev
  • 提交时遵循 Conventional Commits 规范
  • 使用 VSCode Git 插件辅助提交和冲突解决
  • 学会使用 git stash 保存临时修改
  • 熟悉 git rebasegit reset 的安全使用

掌握这些 Git 技能,不仅能让你顺利度过入职第一天,还能帮助你在后续工作中更高效地参与协作和开发。