欢迎光临
我们一直在努力

使用 Visual Studio Code (VS Code) 配合 GitHub 进行版本控制和代码管理

使用 Visual Studio Code (VS Code) 配合 GitHub 进行版本控制和代码管理是开发者的常见工作流。以下是常用的操作及其快捷键(以 Windows/Linux 的默认快捷键为主,Mac 用户可将 Ctrl 替换为 Cmd)。注意:部分快捷键可能因用户自定义配置而有所不同,建议检查 VS Code 的键盘快捷键设置(Ctrl + K, Ctrl + S)。


1. 初始化和配置 Git 仓库

  • 操作:初始化 Git 仓库
    • 命令:git init
    • VS Code 操作:在终端(Ctrl + ~ 打开终端)输入 git init
  • 操作:连接远程 GitHub 仓库
    • 命令:git remote add origin <远程仓库 URL>
    • VS Code 操作:在终端输入上述命令。
  • 操作:克隆 GitHub 仓库
    • 命令:git clone <远程仓库 URL>
    • VS Code 操作:使用命令面板(Ctrl + Shift + P),输入 Git: Clone,粘贴 URL 后选择保存路径。

2. 文件和更改管理

  • 操作:查看更改(Source Control 面板)
    • 快捷键:Ctrl + Shift + G(打开 Source Control 视图)
    • 说明:显示工作区中的文件更改(已修改、已暂存、未跟踪等)。
  • 操作:暂存更改(Stage Changes)
    • 快捷键:无默认快捷键,可在 Source Control 面板点击 + 图标。
    • 命令:git add <文件>git add .(暂存所有更改)
    • VS Code 操作:在 Source Control 视图中,点击文件旁边的 + 暂存。
  • 操作:取消暂存(Unstage Changes)
    • 快捷键:无默认快捷键,可点击 图标。
    • 命令:git restore --staged <文件>
  • 操作:查看差异(Diff)
    • 快捷键:无默认快捷键,点击文件打开差异视图。
    • 说明:在 Source Control 视图中双击文件,查看更改的详细对比。

3. 提交更改

  • 操作:提交(Commit)
    • 快捷键:Ctrl + Enter(在 Source Control 视图的输入框中)
    • 命令:git commit -m "提交信息"
    • VS Code 操作:在 Source Control 视图输入提交信息后按 Ctrl + Enter
  • 操作:自动暂存并提交
    • 命令:git commit -a -m "提交信息"
    • VS Code 操作:勾选 Source Control 视图中的“自动暂存”选项(需启用)。

4. 推送和拉取

  • 操作:推送至 GitHub(Push)
    • 快捷键:无默认快捷键,可通过菜单操作。
    • 命令:git push origin <分支名>
    • VS Code 操作:在 Source Control 视图点击 ...(更多操作) > Push
  • 操作:拉取更新(Pull)
    • 快捷键:无默认快捷键,可通过菜单操作。
    • 命令:git pull origin <分支名>
    • VS Code 操作:在 Source Control 视图点击 ... > Pull
  • 操作:同步更改(Pull + Push)
    • 快捷键:无默认快捷键,点击 Source Control 视图的同步图标。
    • 命令:git pullgit push
    • VS Code 操作:点击 Source Control 视图中的旋转箭头图标。

5. 分支管理

  • 操作:创建新分支
    • 快捷键:无默认快捷键。
    • 命令:git branch <分支名>git checkout -b <分支名>
    • VS Code 操作:点击左下角分支名称 > Create Branch,输入分支名。
  • 操作:切换分支
    • 快捷键:无默认快捷键。
    • 命令:git checkout <分支名>
    • VS Code 操作:点击左下角分支名称,选择目标分支。
  • 操作:合并分支
    • 命令:git merge <分支名>
    • VS Code 操作:在 Source Control 视图点击 ... > Branch > Merge Branch,选择要合并的分支。
  • 操作:删除分支
    • 命令:git branch -d <分支名>
    • VS Code 操作:在分支列表中选择分支,点击 ... > Delete Branch

6. 处理冲突

  • 操作:解决合并冲突
    • 说明:当拉取或合并时发生冲突,VS Code 会在编辑器中高亮冲突部分。
    • 操作:手动编辑冲突文件,选择 Accept Current ChangeAccept Incoming ChangeAccept Both Changes
    • 快捷键:无默认快捷键,依赖鼠标点击或编辑。
    • 完成后:暂存并提交解决后的文件。

7. 其他常用操作

  • 操作:查看提交历史
    • 快捷键:无默认快捷键。
    • 命令:git log
    • VS Code 操作:在 Source Control 视图点击 ... > Show Git Output 或使用扩展(如 GitLens)。
  • 操作:撤销更改
    • 命令:git restore <文件>(撤销未暂存的更改)或 git reset HEAD <文件>(取消暂存)
    • VS Code 操作:在 Source Control 视图点击文件旁的 Discard Changes
  • 操作:打开 GitHub 仓库
    • 快捷键:无默认快捷键。
    • VS Code 操作:使用扩展(如 GitHub Pull Requests and Issues),在 Source Control 视图中点击 Open on GitHub

8. 推荐扩展

  • GitLens:增强 Git 功能,显示提交历史、作者信息等。
    • 快捷键:Ctrl + Shift + P 打开命令面板,搜索 GitLens 相关命令。
  • GitHub Pull Requests and Issues:管理 GitHub 的 Pull Request 和 Issue。
    • 操作:在扩展视图中登录 GitHub 账户,管理 PR 和 Issue。

9. 快捷键自定义

  • 打开快捷键设置:Ctrl + K, Ctrl + S
  • 搜索 Git 相关命令:输入 git 查找相关快捷键。
  • 自定义:编辑 keybindings.json 文件,绑定常用 Git 命令到快捷键。

10. 注意事项

  • Git 配置:确保已配置用户名和邮箱(git config --global user.namegit config --global user.email)。
  • SSH/HTTPS:推送前确保配置了 SSH 密钥或 HTTPS 凭据。
  • 扩展增强:安装 GitLens 或 GitHub 扩展可提升体验。
  • 同步频率:定期 pullpush 避免冲突。

如需更详细的某部分说明或具体示例,请告诉我!

赞(0) 打赏
未经允许不得转载:test » 使用 Visual Studio Code (VS Code) 配合 GitHub 进行版本控制和代码管理
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续给力更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫打赏

微信扫一扫打赏