声明:本教程不收取任何费用,欢迎转载请注明出处,尊重作者劳动成果,不得用于商业用途,侵权必究!!!
目录
一、前言
上一节我们介绍了:项目基础配置、把本地项目托管到 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码云 上面,会出现提示“跑马灯进度条”