一、Visual Studio Code安装
官网下载地址:https://code.visualstudio.com/
Visual Studio Code是一个精简版的迷你Visual Studio,并且可以跨平台,Windows、Mac、Linux通用。
二、Git安装
官网下载地址:https://git-scm.com/downloads
安装步骤请参考:Git for Windows安装
※复制生成的公钥用于下一步:
一般在C盘的用户目录下,会生成一个.ssh文件夹,里面有一个“id_rsa.pub”文件,打开之后复制全部内容
三、GitHub注册
正确登录之后,需要配置SSH公钥:
(1)单击右上角的用户图标,选中“settings”
(2)单击左侧“SSH and GPG keys”,之后点击画面右上角的“New SSH key”按钮
(3)在Title中随意输入,然后在key中粘贴步骤二中Git安装生成的公钥
(4)之后单击“Add SSH key”就完成公钥的配置了
四、本地仓库和远程库的关联
篇幅较长,详细步骤请参考:Git本地仓库和GitHub远程库的关联步骤
五、在Visual Studio Code中使用Git和GitHub
1、先在Visual Studio Code中设置Git
点击"File"->"Preferences"->"Settings"
然后搜索"gitpath",点击"Edit in settings.json"
在文件的"git.path"后输入Git的路径,保存之后,重启Visual Studio Code即可
2、使用Visual Studio Code编辑本地仓库中的文件
并新加一个testFile2文件,保存之后,会看到“源代码管理”图标上有数字显示(表示有多少个文件发生变化)
“M”代表已经在GitHub中添加过该文件,然后修改了文件内容;
“U”代表在本地新建了该文件,还未提交到GitHub
“D”代表删除了该文件
3、使用Visual Studio Code将文件放至暂存区
点击“...”->“Stage All Changes",暂存所有更改
会看到刚刚的文件移动到了staged changes下
4、使用Visual Studio Code将文件提交到本地仓库
点击“...”->“Commit All",将暂存区的文件全部提交
点击之后在上方的文本框中输入提交的备注,如何回车即可完成提交
可看到刚刚的文件变更已经不见了
5、使用Visual Studio Code将文件同步到GitHub远程库
点击“...”->“Push to..."
正常配置没有问题的话,会自动弹出远程仓库的地址列表供我们选择,点击即可将本地修改同步到远程库
6、在GitHub查看远程库状态
会看到文件已经同步了
以上就是Visual Studio Code结合Git与GitHub的完整步骤。