Git在vscode中简单使用

Git在vscode中简单使用

一、Git安装与配置
1.Git安装(官网地址:https://git-scm.com)
2.Git配置
(1)安装好后,桌面右键—Git Bash Here,打开Git的命令输入面板。
(2)配置命令:

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

注意:这里的用户名和邮箱是注册GitHub的,后续在面板中提交修改到GitHub上的仓库时也需要用GitHub的账号密码登录一下。(还没有GitHub账号的可以注册一下,官网:https://github.com/)

二、Git的基本操作
Git在vscode中简单使用_第1张图片
1.clone远程仓库
命令:git clone ‘链接地址’
注意:链接地址为GitHub上你建立的repository的链接,命令执行后就把远程仓库下载到了桌面(本地仓库),例如是test。
Git在vscode中简单使用_第2张图片
2.add文件
命令:git add 文件名
注意:本地仓库(文件夹)在vscode上编辑修改后需要在git输入面板上git add 文件名 来把修改的文件添加到暂存区,例如新增了index.js,则需要在输入面板上cd test; 然后git add index.js

3.把暂存区文件修改提交到仓库的当前分支
命令:git commit -m "本次提交说明"
注意:add完后需要commit,最后再push,远程仓库的内容才会改变。提交说明一定要写。

4.推送本地修改到 origin(远程仓库)
命令:git push
注意:push后才会让远程仓库拿到本地仓库修改的东西。

5.抓取远程库最新提交,拉取并合并本地仓库
命令:git pull
注意:pull和push是相反相对的,一个是把远程仓库的修改拿到本地仓库,一个是把本地仓库的修改推送到远程仓库

6.把某个远程分支迁到本地
命令:git checkout 分支/origin
注意:如果在本地仓库误删一些文件的时候可以通过这个命令找回

说了这么多,还是举个例子吧,例如我在本地仓库test1新增了一个index.css,怎么让远程仓库也跟着变呢?
Git在vscode中简单使用_第3张图片
再看看GitHub上的远程仓库,index.css添加成功了
在这里插入图片描述

Git的基本操作就说这么多,有兴趣也可以查找更详细的Git命令。

三、vscode使用git
其实对于git的基本操作并不需要那么麻烦,安装了git后在vscode中可以很方便去使用它。

1.在vscode中打开源代码管理
Git在vscode中简单使用_第4张图片
注意:因为本地仓库没有修改什么,所以上图更改显示为0。可能有些人打开这里发现明明安装了git为什么提示没有安装或者检测不到,因为你安装的时候修改了默认的安装路径所以这里就检测不出来了。
解决:文件—首选项—配置,然后在搜索框中输入git.path,然后打开相应的配置文件,把你的安装路径填入”git.path”:””中,以我的为例:
Git在vscode中简单使用_第5张图片
2.git在vscode中的基本操作
我在本地仓库test1中修改一下index.css文件和新增一个index.json文件,然后保存推送到远程仓库上。
Git在vscode中简单使用_第6张图片
按照上面的操作后,再看看远程仓库:
Git在vscode中简单使用_第7张图片
成功了。

你可能感兴趣的:(前端开发,git,github,html,css,javascript)