快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

VSCode配置Git的方法步骤随记

服务器

vscode中对git进行了集成,很多操作只需点击就能操作,无需写一些git指令。

10年的西盟网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。全网营销推广的优势是能够根据用户设备显示端的尺寸不同,自动调整西盟建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。创新互联公司从事“西盟网站设计”,“西盟网站推广”以来,每个客户项目都认真落实执行。

不过这就需要你对vscode进行配置。下面我会讲到git的配置与免密码上传github。

一、安装Git管理工具,可上官网安装,安装路径https://git-scm.com/,安装路径默认C:\\Program Files\\Git,可自行修改,这里我是安装在D:\\Program Files\\Git。

二、安装完Git之后,如图配置好环境变量path路径的信息,一般会自动配置成功,配置完成后电脑就可以使用Git了。

三、要想在VS Code里面使用Git需要在编辑器内配置git.path

配置步骤:在编辑器的文件->选择项->设置->搜索git.path->点击编辑->找到你的电脑git的安装目录,找到里面的bin文件夹,里面的git.exe文件把该文件的完整路径复制下来

四、VSCode中Git的使用以及Github的免密上传

首先设置一下全局变量,以下命令直接在git-bash终端上输入即可,成功之后会在你的电脑用户跟目录下生成一个 .gitconfig的配置文件,里面包含着你的用户名及密码

Git 全局设置:

git config --global user.name 用户名 
git config --global user.email 用户邮箱

这里因为我为了方便把终端设置成了git-bash终端,以下是教程

还是在默认用户设置里面搜索以下字段

terminal.integrated.shell.windows 

然后复制安装目录下的bin文件夹里面的bash.exe文件目录更新到用户设置里面如图

设置完后就可以使用快捷键Ctrl+~打开终端了

接下来就是上传代码到github上

在上传之前先在github上创建库,也就是放项目的文件库如图

创建完成后进入vscode打开终端进入要上传的项目的根目录

之后执行git初始化仓库命令git init

执行添加文件目录到git仓库命令 git add . (. 小数点是添加当前目录下的所有文件 也可以只添加制定文件或者文件夹)

执行上传到git仓库命令git commit -m可写注释内容

执行git仓库与github仓库的连接命令git remote add origin https://github.com/你的github的用户名/test.git(这里是你创建的仓库名字加上 .git)

执行推送到分支(master)的命令git push -u origin master(分支名字master为主分支)

在你第一次使用时点击推送或者执行上条push的命令时会弹出github的登入框,输入用户名密码(在vscode中每次push都要输入用户名密码,这里可以执行git命令让git软件记住密码)如下

git config --global credential.helper store

执行到这里就可以到github上面查看你刚才新建的github仓库了,点开里面就是你的项目了,success

vscode因为集成了git所以vscode的有些按钮可替代上面输入的git命令,如图:

下图推荐在你更新代码的时候使用,第一次使用我推荐全程使用git命令

从github上面下载代码到自己电脑上操作步骤如下:

基于之前我已经在vscode上面集成了git-bash的终端,这里就可以直接打开编辑器,打开你要存放的文件夹,ctrl+~打开终端,直接输入命令

git clone http://github.com/用户名/github上你要clone的项目名称

这样等待下载完成代码就到你的电脑上了。

如果没有集成终端的话,打开git-bash终端,输入命令 进入你要存放的地址(cd 文件夹名称),之后再次执行上述的克隆命令即可。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持创新互联。


新闻标题:VSCode配置Git的方法步骤随记
文章起源:http://6mz.cn/article/cpeggg.html

其他资讯