1. 确认vscode是否已经安装Git
在使用vscode连接github之前,要确保vscode已经安装Git。如何确认vscode是否已经安装Git?可以先打开vscode,然后在编辑器的终端界面输入下面的命令:
git --version
如果终端显示Git的版本信息,则说明vscode已经安装Git;如果没有显示,则需要先安装Git。
2. 注册github账户
若您还未注册github账户,可以先在github官网注册一个账户,注册地址为:https://github.com/。
3. 在vscode中安装GitHub插件
要连接github,还需要在vscode中安装GitHub插件。安装方法如下:
在vscode的左侧边栏中点击“扩展”按钮(或者使用快捷键Ctrl+Shift+X,Mac用户可以使用Command+Shift+X);
在搜索栏中输入“GitHub”,然后点击“安装”按钮进行安装;
安装完成后,点击“重载”按钮,重启vscode生效。
4. 在Github上创建一个新的Repository
在vscode中连接Github之前,要先在Github上创建一个新的Repository。Repository是Github中用来存储代码的仓库,可以说是一个项目的源代码库。创建Repository的方法如下:
登录Github账户,进入Github主页;
点击“New repository”按钮,在弹出的页面中填写Repository名称,并选择是否为公开或私有,再点击“Create repository”按钮,就创建了一个新的Repository。
5. 在vscode中连接Github
现在,在vscode中连接Github就非常简单了,只需要按下下面的步骤即可:
打开vscode,然后在编辑器的侧边栏中点击“扩展”按钮(或者使用快捷键Ctrl+Shift+X,Mac用户可以使用Command+Shift+X);
在搜索栏中输入“GitHub”,然后找到“GitHub”插件,点击“Install”进行安装;
安装成功后,重启vscode生效。
点击左侧边栏中的“源代码管理器”图标(或者使用快捷键Ctrl+Shift+G,Mac用户可以使用Command+Shift+G),选择“Clone Repository”(克隆仓库);
在弹出的面板中,选择“GitHub”选项卡,然后登录您的Github账户;
在仓库列表中选择您要在vscode中连接的仓库,然后选择本地磁盘的存储位置,再点击“Clone”按钮即可。
6. 在vscode中使用Git进行版本控制
现在,在vscode中连接Github并克隆了仓库,下面就可以开始使用Git进行版本控制了。在vscode的侧边栏“源代码管理器”中,可以查看仓库中的文件和文件夹列表。要使用Git进行版本控制,需要按下面的步骤进行:
在vscode的左侧边栏中选择您要进行版本控制的文件夹或文件;
右键单击选择的文件或文件夹,选择“Git: Add”添加到版本控制;
在弹出的Git面板中,输入提交信息(即对版本的描述);
点击“√”按钮提交修改。
如果要将修改推送到Github中,可以右键单击选择的文件或文件夹,选择“Git: Push”。