现在的前端开发和日常编程工作中，版本控制几乎是必备技能。Visual Studio Code 作为目前最流行的编辑器，内置了非常强大的 Git 支持。很多新手在初次使用时容易卡在全局配置或者面板操作上，今天这篇教程就手把手带你把 VSCode 的 Git 功能彻底配好，后续写代码、提交项目都会顺畅得多。
第一步是确认电脑里有没有安装 Git。打开终端或命令行，输入 git --version。如果显示版本号，说明已经装好了。如果没有反应或者提示找不到命令，就需要先去官网下载对应系统的安装包，一路默认点击完成即可。装好后别急着打开软件，先做基础身份设置。在终端里依次执行 git config --global user.name 你的昵称 和 git config --global user.email 你的邮箱。这两行命令相当于给后续的每一次代码提交打上作者标签，防止多人协作时搞混归属权。
接下来回到 VSCode 内部进行联动设置。按下 Ctrl 加逗号快捷键进入设置页面，在搜索框输入 git.enable。找到 enable 选项并勾选它，这样编辑器就能自动识别当前文件夹里的版本库了。如果你习惯用文件图标查看状态，可以在左侧活动栏点击源代码管理图标，展开后选择添加根文件夹，把你要管理的项目目录拖进去。这时候你就能看到修改过的文件列表，红色代表未跟踪，绿色代表已修改但未暂存。建议在设置里把 git.autofetch 也开启，这样后台会自动拉取远程更新，减少手动点击的次数。
正式操作的时候，建议养成随手记录的习惯。每次改完关键逻辑，先在右侧的更改区域找到对应文件，点击旁边的加号把它移到暂存区。然后在顶部的输入框写下本次改动的原因，比如修复登录按钮样式或者新增数据接口。写完后点击绿色的对勾按钮提交到本地仓库。如果需要把代码同步到远程服务器，直接点击上方的推送图标，首次使用需要登录账号并选择对应的分支。拉取操作同理，点击向下箭头就能合并团队其他人的最新进度。
分支管理是日常开发的重头戏。点击底部状态栏的分支名称，选择创建新分支或者直接切换现有分支。切分支前一定要确保当前工作区没有未提交的变动，否则系统会提示你先清理现场。在新分支里修 bug 或者加功能，测试通过后切回主分支执行合并命令。如果遇到冲突，通常发生在两个人同时修改了同一行代码。这时候 VSCode 会在文件中插入明显的分隔线，手动删掉不需要的代码块，保留正确的部分，保存文件后再重新提交一次就行。
这套流程跑通之后，你的工作流就完全建立在版本控制之上了。不管以后换电脑还是团队协作，只要保证配置一致，所有历史版本都能随时找回。平时开发记得多按几次提交，不要攒到下班才打包上传，小步快跑能大幅降低出错概率。配合插件像 GitLens 还能直观看到每行代码是谁在什么时候写的，排查问题会轻松不少。掌握这些基础操作，足够应对绝大多数日常开发场景，剩下的进阶技巧可以在实际项目中慢慢摸索。
