如何将vscode与github连接实现文件推送

本文介绍了将VSCode上的编码或本地项目推送到GitHub的详细步骤。首先需下载安装并配置VSCode与Git Bash,接着创建GitHub仓库、获取SSH Key,然后将代码推送到仓库。还提及了在VSCode中查看上传文件的方法,最后给出了遇到问题的解决方案。

工欲善其事,必先利其器。

我们需要先下载vscode与git pash(内置git)并安装及配置。

注意:1,Windows安装时尽量保证目录(父目录)不存在中文,否则会出现各种问题(别问我怎么知道的emmmmm)

2,一定要配置,就是将下面5句话输入到git pash中,不然git没法用!


首先,新建好文件夹,你想要上传的文件也放在里面,右击,选择gitbash here

然后就要自报家门啦~设置全局环境

git config --global  user.name XXX
git config --global  user.email xxxxx

输入后,并没有反应,不用担心,没有消息就是好消息~说明执行了

接下来我们来简单了解一下Git:

GitHub的核心是一个名为Git的开源分布式版本控制系统,它负责着所有的与github相关的在你计算机上发生的事情。详细了解git

所以要想将vscode上的编码或者本地项目等推送到github上,我们就需要为它建一个仓库。

1、注册并登陆GitHub

2、点击“New repository”创建仓库。

3、输入你所创建仓库的名字,点击最下面的Create reposity.

4、进入如下图页面,记得点下ssh

5、但是目前还不能运行git bash,第一次使用git的clone或者push命令时,连接github会出现一个警告,以致出现一个对话

Are you sure you want to continue connecting (yes/no)?

因为git使用ssh连接,而ssh连接第一次连接验证github服务器key时,需要确认github服务器key的指纹信息是否真的来自于github服务器。

所以我们先去取得一个ssh key :

①Settings

②SSH and GPG keys

③generating SSH keys

④Generating a new SSH key and adding it to the ssh-agent

⑤出现下图的命令,选中它复制到gitbash中

⑥复制选中的命令到GitBash后,点击3次回车,得到下图中泡泡的样子说明成功了

⑦接着在GitBash里输入命令:cat ~/.ssh/id_rsa.pub,回车,得到下图的英文

⑧复制下来这段英文,接着:

6、好了,ssh key已经取得了,现在回到图4的页面,将代码一行一行复制到gitpash中

7、出现图中的new branch就证明执行成功了

8、回到图4页面,刷新,出现你自己的仓库名称证明建立仓库成功了

9、那么接下来就是把我们vscode的编码推送上来。打开vscode,我想上传的是blog.html,点击图中箭头所指方向,然后在输入框中输入你的命名,我的是“练习用”,然后点一个小对号(没截到图,很好找),就上传成功了,接着点击同样位置对号旁边的三个点,选择推送就大功告成啦。

10、回到github页面,我上传的编码就在这里了。

11、如果想打开看的话,你会发现点开来并不能直接生成页面,而是代码的形式,什么也看不出来。如果你想看,那就继续跟我来。

  • 点击右上角的settings

  • 找到github pages,选择图示位置,然后点击save

  • 点击save后会在github pages 下边出现一个网址,不要点开,复制。

  • 复制到浏览器地址栏,在后面输入你文件的名字.html,回车即可

我遇到的问题
一:vscode里找不到git,始终无法上传和提交

解决方案:通过设置找到git的路径,右边覆盖更改正确路径

二:在gitbash中输入git remote add origin git@github.com:xx.git这一行后报错

解决方案,输入下图:

### 如何从VSCode推送代码到GitHub 为了将项目代码上传至GitHub.com这一代码托管服务,可以利用Git来完成此过程。创建本地仓库之后,在Visual Studio Code (VSCode) 中集成Git操作能够简化工作流。 #### 配置远程仓库地址并推送GitHub 在准备阶段,确保已经在GitHub上创建了一个新的仓库,并获取到了SSH或HTTPS格式的URL用于连接[^1]。接着可以在VSCode中执行如下命令: ```bash git remote add origin https://github.com/yourusername/yourrepositoryname.git ``` 或者如果偏好使用SSH方式,则应采用形如`git@github.com:yourusername/yourrepositoryname.git`的形式替代上述链接。 #### 使用VSCode内置终端提交更改 通过VSCode底部的状态栏可以直接查看当前分支状态以及未提交修改的数量;点击源控制图标进入专用面板管理变更。对于初次提交而言,需经历添加新文件、撰写提交信息的过程[^3]: ```bash echo "# ProjectName" >> README.md git add . git commit -m "Initial commit" ``` 以上命令会向版本历史记录加入一条带有描述的新条目,同时把README.md纳入跟踪范围之内。 #### 推送更新至远端服务器 当一切就绪后,借助VSCode中的Git功能按钮或是直接输入指令实现同步动作: ```bash git push -u origin main ``` 这里假设默认主干名为main而非过去的master命名约定,请依据实际情况调整参数设置[^4]。首次推送时指定上游追踪关系(-u选项),后续仅需简单调用`git push`即可保持最新状态。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值