知了常识站
白蓝主题五 · 清爽阅读
首页  > WiFi优化

克隆仓库vscode操作:轻松上手代码同步

在用笔记本连着家里WiFi写代码时,经常需要把远程的项目弄到本地来改。这时候最直接的办法就是克隆。配合VSCode,整个过程可以非常顺滑,不用折腾命令行也能搞定。

先装好Git和VSCode插件

打开VSCode之前,确保系统里已经装了Git。可以在终端输入 git --version 看有没有反应。如果没装,去官网下个安装包,一路下一步就行。接着在VSCode里搜“GitLens”或“Remote Repositories”,装一个增强插件,能让你在侧边栏直接看到远程仓库。

用VSCode直接克隆

打开VSCode,按 Ctrl+Shift+P 调出命令面板,输入“Git: Clone”,回车。然后把仓库的HTTPS地址粘贴进去,比如 https://github.com/user/project.git。接下来选个本地文件夹保存,VSCode就会自动拉代码下来。

等进度条走完,项目就出现在编辑器里了。这时候你改个文件,左边源码管理面板会立刻显示变动列表,点一下就能看差异,不用来回切换工具。

改完推回去也很简单

比如你在咖啡馆连着公共WiFi改了个配置文件,想把更新传上去。在VSCode左侧点那个分支图标,输入提交信息,比如“修复登录页样式”,然后点对号提交。再右键选择“发布变更”或点三个点菜单里的“Push”,代码就同步到远程了。

git clone https://github.com/user/project.git
cd project
git add .
git commit -m "update config"
git push origin main

上面这些命令其实在VSCode里都可视化了。但知道它们在背后怎么跑的,遇到推送失败时更容易排查。比如公司WiFi有时候会拦截Git的SSH端口,换成HTTPS链接就能绕过去。

小技巧:保存账号避免重复登录

每次push都要输GitHub账号密码太烦人。可以在终端运行这句:

git config --global credential.helper store
第一次输完之后,凭据会被记住,以后在同一台设备上就不必再输。

晚上在家调项目,开着VSCode一边克隆仓库一边实时预览,比对着网页复制粘贴强多了。特别是团队协作时,大家更新频繁,每天早上花一分钟pull最新代码,能省掉很多冲突麻烦。