在日常开发中,很多人用 VSCode 写代码,但一到提交代码就卡壳。尤其是刚接手团队项目、第一次配置 Git 的时候,看着那一堆按钮和提示,不知道点哪个才对。其实整个流程没那么复杂,只要搞清楚每一步的作用,就能顺顺当当地把代码交上去。
先确认你已经装好 Git
打开 VSCode 底部状态栏,看看左边有没有显示分支名,比如 main 或 master。如果没有,说明 Git 没配好。去官网下载安装 Git,装完后在终端输入:
git --version
能看到版本号就说明装好了。然后设置用户名和邮箱,这样每次提交才知道是谁改的:
git config --global user.name "你的名字"
git config --global user.email "你的邮箱"
打开项目文件夹,初始化仓库(如果是新项目)
在 VSCode 里打开你的项目文件夹。如果还没初始化 Git 仓库,在终端运行:
git init
这时候项目根目录会多一个隐藏的 .git 文件夹,别动它,Git 全靠它记事。
关联远程仓库
如果你的代码要上传到 GitHub、GitLab 或公司私有仓库,得先关联地址。比如你在 GitHub 新建了一个仓库,页面上会显示一个 HTTPS 地址:
git remote add origin https://github.com/你的用户名/项目名.git
这一步只需要做一次。以后每次推送都能直接用 origin 代表这个地址。
写完代码,看一眼改动了哪些文件
回到 VSCode,左侧边栏有个“源代码管理”图标(像两个方块连在一起的),点击它。你会看到所有被修改、新增或删除的文件,前面标着 M、A、D 这类字母。
这时候别急着提交,先点一下文件名,对比一下改了哪些行,确保没有误改。特别是配置文件或者别人写的逻辑,改错了容易出问题。
添加更改并提交
在源代码管理面板里,每个文件左边有个 + 号,点一下就是把这次改动加入暂存区。也可以右键选择“暂存所有更改”。
接着在顶部输入框写提交信息,比如“修复登录页样式错位”或者“添加用户注册接口”。别写“update”这种废话,要让人一看就知道改了啥。
写完按 Ctrl+Enter(Mac 上是 Cmd+Enter)就完成本地提交了。这步只是把代码存到你电脑上的 Git 记录里,并没有上传到服务器。
推送到远程仓库
提交完,底部状态栏的分支名旁边会出现一个 ↑ 图标,表示有本地提交还没推送。点那个图标,或者右键分支名选“推送”就行。
如果是第一次往这个分支推送,VSCode 会提示你设置上游分支,选“推送并设置上游”即可。之后再推送就会自动走同一个路径。
拉取最新代码避免冲突
多人协作时,别人可能已经提交了新代码。你在提交前最好先点一下 ↓ 图标,把最新的改动人拉下来合并。不然等你推的时候发现被拒,还得手动解决冲突,更麻烦。
有时候拉取后出现合并提示,别慌。VSCode 会高亮冲突区域,你手动删掉不需要的代码,保存后再提交一次就行。
快捷键小技巧
常用操作可以记几个快捷键:
- Ctrl+Shift+G:打开源代码管理面板
- Ctrl+Enter:在提交框里提交
- Alt+Shift+P:拉取代码
- Alt+Shift+U:推送代码
这些动作熟了之后,改个 bug 几分钟就能交上去,不用再喊同事帮忙传代码了。