Vue笔记整理，11.项目-使用vs code默认集成的Git工具快速提交代码

声明：本教程不收取任何费用，欢迎转载请注明出处，尊重作者劳动成果，不得用于商业用途，侵权必究！！！

目录

一、前言

二、Git工具快速提交代码

1、vs code工具的强大的特性

2、git传统方式提交代码

3、使用vs code默认集成的git工具快速提交代码

---

一、前言

上一节我们介绍了：项目基础配置、把本地项目托管到 gitee 码云中，详细可参考博文：原创 Vue笔记整理，10.项目-把本地项目托管到 gitee 码云中  这篇我们将介绍 使用vs code默认集成的Git工具快速提交代码

 

二、Git工具快速提交代码

我们已经把本地项目托管到 gitee 码云中，我们在打开 README.md 文件

我们在 README.md 加一些文字，

执行git命令git status，会标记有一个文件被修改了

我们在 main.js 里面加一些空格，保存

执行git命令git status，标记两个文件被修改了

 

1、vs code工具的强大的特性

点击如图右边的按钮，你会发现刚刚修改的两个文件，他们后面有个 M 标识，它刚好对应更新modified。

如果是delete删除，就是 D 标识，这个大家可以去试试。

另外把鼠标放到文件上，会有如下几个按钮，

分别是：打开文件、放弃更改、暂存更改

 

我们这个 vs code 工具还是比较强大的，只要我们的项目用git托管起来

修改的某行或几行代码，最前面就会用蓝色标记起来

新加的某行或几行代码，最前面就会用绿色标记起来

删除的某行或几行代码，最前面就会用上下红色小尖尖标记起来

宇宙第一开发工具是 Visual Studio，那么 vs code 就是第二了！

 

2、git传统方式提交代码

那么需要我们把最新修改的代码上传到 gitee码云 上面去，我们应该怎么做？

## 用传统方式即命令行，把修改过后的代码快速上传到码云？？？

1. git add .

2. git commit -m "提交信息"

3. git push

如在 README.md 修改增加了如下一些文字：

执行上面的命令行，然后刷新 gitee码云上面的项目，如下：

         

 

3、使用vs code默认集成的git工具快速提交代码

下面我在main.js里面加了一下空格、在README.md加了如下一些文字

如下图：

步骤1-点击菜单按钮、

步骤2-方框里面输入提交信息、

步骤3-点击对勾，此时会把修改的代码提交到本地的git

步骤4：点击“三个点”按钮，推送，即把本地的git上面的代码，提交到gitee码云上面了。

刷新 gitee码云上面的项目，如下：

 

另外还需要注意的是：

1、这个菜单工具按钮，是 vs code 默认自带的，不是后面安装的

2、当提交到本地的git，或是提交到 gitee码云 上面，会出现提示“跑马灯进度条”