ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

基于VsCode和Git的代码版本管理

2026/8/22 12:28:49 拓冰建站 浏览量
基于VsCode和Git的代码版本管理 Git 与 VS Code 使用指南一、环境准备安装 Git确保计算机上已安装 Git。安装 VS Code。配置身份信息打开 Git Bash输入以下命令名字和邮箱替换为自己的git config --global user.name Your Name git config --global user.email your.emailexample.com参考链接VS Code Git 官方操作手册Git 官方命令文档知乎git vscode 进行版本控制二、克隆已有仓库新建文件夹用 VS Code 打开。打开命令面板CtrlShiftP输入Git: Clone或直接点击主界面的克隆仓库。输入存储库 URL。URL 需要到 GitLab 仓库页面复制选择当前文件夹来保存项目。提示打开存储库时选择打开。在对话框中确认信任该存储库。之后在此基础上修改代码正常提交与推送即可无需其他配置。三、推送本地新仓库适用于本地已有工程想推送到 GitLab 的情况。在工程文件夹中初始化仓库并进行首次提交在 GitLab 新建空白项目项目配置都不要勾选。项目名称即后续克隆下来的文件夹名称。打开命令面板CtrlShiftP输入Git: Add Remote。输入远程 URL获取方式与克隆相同。输入远程仓库的名称与项目名称相同即可。选择同步或推送四、日常操作日常的初始化、暂存、提交、创建分支等操作均可在 VS Code 中完成推荐配合GitLens和Git Graph两个插件使用。4.1 同步远程Fetch / Pull / Push在源代码管理视图中点击**“更多操作”…**即可找到以下命令三者区别见 5.1 节拉取Pull推送Push抓取Fetch4.2 版本回退在项目文件夹右键打开 Git Bash输入git log查看提交历史。git log --prettyoneline可将版本信息压缩为一行提示git log内容可能显示不全按 Enter 逐行查看按 End 跳至末尾按 q 退出。找到想回退的版本记录 commit 后面的版本 ID。执行git checkout ID值注意如果暂存区有未提交的代码需要先提交或放弃才能执行 checkout。执行完成后即得到目标版本的代码。4.3 分支操作重要使用 Git Graph进行操作时鼠标一定选择在分支框后进行操作确定分支名的底变色。真正切换完成后分支的名字会加粗若不加粗则表明未切换到位。未切换到位也会有一个分支但他没有方框分支名此时可以创建分支给一个分支4.3.1 功能测试分支不涉及多分支代码操作同一区域首先创建main.txt增加文字主分支版本1提交信息同样为该文字2. 创建测试分支Test1并checkout3. 此时新建test1.txt并增加文字功能测试1功能模块写完后就可以提交或者测试完提交4. 功能测试完毕后在提交一版完成即可5. 因为是单独的功能测试测试完成后就可以融入主分支了首先切换到主分支再再子分支选择merge即可6. 发现主分支代码不合理然后修改主分支文件1同理切换到主分支然后选择merge即可涉及多分支代码操作同一区域新建两个分支并同时对main操作3. 切换到主分支进行合并首先合并分支2再合并分支34. 合并分支3的过程中就会提示Error: Unable to Merge Commit选择在合并修改器中解决根据你的需要在结果里进行整合保留你认为真正正确的部分即可我选择一份留一点。4.3.2 基础机演化分支有一套基础代码后续机型在基础代码上修改当修改共性问题或者增加共性功能需要在基础代码上修改并更新到所有分支切换到主分支修改共性问题或功能3. 此时切换到演化分支merge最新的主分支即可演化2同理4.4 比较两个版本的差异打开源代码管理视图中的该图标在要比较的其中一个版本上右键选择Select for Compare再在另一个版本上选择Compare with。弹窗中即可看到修改了哪些文件以及具体修改内容4.5 使用 Git Graph 图形化操作创建分支、切换分支、版本回退等常用操作均可在 Git Graph 插件中图形化完成打开后即与上述教程对应常用功能如下空心圆圈代表当前所在位置五、通用知识5.1 Fetch / Pull / Push 的区别Fetch从远程仓库下载提交但不更改本地工作文件。用于查看他人的更改而不合并到自己的工作中。Pull从远程仓库下载提交并合并到当前分支相当于一次执行 fetch 和合并。Push将本地提交上传到远程仓库供他人访问。5.2 git log / git reflog / git resetgit reflog查看对仓库的所有相关操作记录及其 HEAD切换、回退等操作均有记录git reset --hard xxx回退到任意版本。回退操作本身也会被 reflog 记录三者配合先通过git log或git reflog找到目标版本的 ID再用git reset --hard ID完成回退。5.3 分支的意义与特性分支的意义团队并行开发、个人功能测试和错误隔离。在新分支修改文件并提交后切换分支时工作区文件内容会随当前分支同步更新。例如切换到主分支txt 内容为 this is version 3切换到 betatxt 内容为 this is version 4。5.4 版本回退的注意事项git reset (彻底回退)回退哪个分支的版本必须先切换到哪个分支再执行git reset。例如要回退 main先切换到 main​ 否则会导致当前所在分支的内容被回退到目标分支的版本。然后再强制推送git push -f origin main不建议若仓库只有主分支checkout 到历史版本后想恢复最新版本通过git reflog找到最新提交的 ID再 checkout 回去即可。更省事的做法在Git Graph设置中打开Include commits only mentioned by reflogs即可图形化版本记录git revert (安全撤销)在Git Graphcheckout选择想要撤销的版本然后右键选择Revert即可5.5 分支删除checkout选择主分支然后删除其他分支即可删除远程分支同理5.6 忽略文件Git 管理时可以忽略某些文件夹和文件例如编译产物。参考如何在 Git 中忽略文件和文件夹详细教程Git 与 VS Code 使用指南