【Vue全家桶实现电商系统】— VSCode配置Git(二)

简介: 【Vue全家桶实现电商系统】— VSCode配置Git(二)

当我们在VScode中编写代码后,需要提交到git仓库时,但是我们又不想切换到git的命令行窗口,我们可以在

VScode中配置git,然后就可以很方便快捷的把代码提交到仓库中。

第一步:安装Git命令行工具

点击git官网,然后点击download,来到下面的界面

根据自己的电脑,选择相应的版本,我的电脑是 Windows 的,所以我下载的是Windows版,根据自己的电脑来。无脑安装。不会的自己百度,这里就不详细介绍了。检查是否安装好了可以输入以下命令 Windows+R 输入cmd 回车:git --version 出现以下界面说明安装成功。

第二步:配置VScode中的git

打开VScode,依次点击下图中的地方

在输入框中输入 git.path ,再点击第二个地方,打开 settings.json 文件

在 settings.json 文件中,添加 git 的安装路径

📢📢注意:冒号前面是 git.path ,路径是 cmd 文件夹中的 git.exe

然后关闭 VScode ,再次打开,过几秒钟后,点击左侧的第2个图标,若是可点击状态,说明git环境配置成功。

第三步:使用 VScode + git,提交到仓库

先从 Gitee/GitHub 上面拉下来一个仓库,clone下来

使用 VScode ,打开 clone 下来的文件

当我们修改代码时,左侧会提示我们哪个文件发生了改动

点击上图的第3处的 + 号,表示 add 命令,如下图,这时,文件被放在暂存区

在下图的输入框中,输入要提交的备注信息,如 again XXX ,然后,可以按 Ctrl + enter ,或者点击对号,就是完成了 commit 命令

接着,点击下图的第一个地方,依次点击拉取、推送,即 pull 命令和 push 命令。

去 Gitee/GitHub 官网,查看仓库,就能发现成功推送上去了!

创建分支

去官网查看分支,分支提交成功

干货来啦!!!

最后,推荐一个插件,方便查看推送的日志和历史记录。


相关文章
|
2月前
|
iOS开发 MacOS
【Mac系统】解决Vscode中LeetCode插件不能刷剑指offer题库
文章讨论了解决Mac系统中Vscode里LeetCode插件无法刷剑指Offer题库的问题,并提供了一些相关的使用技巧和资源链接。
125 1
|
8天前
|
网络协议 开发工具 网络虚拟化
SourceTree git 配置代理
SourceTree git 配置代理
17 1
|
1月前
|
存储 Shell 开发工具
内核维护者手册 - 配置Git【ChatGPT】
内核维护者手册 - 配置Git【ChatGPT】
|
2月前
|
JavaScript IDE 前端开发
前端开发工具配置 nodejs & git & IDE
前端开发工具配置 nodejs & git & IDE
|
2月前
|
安全 开发工具 git
coding上创建项目、创建代码仓库、将IDEA中的代码提交到coding上的代码仓库、Git的下载、IDEA上配置git
这篇文章是关于如何在IDEA中配置Git、在Coding.net上创建项目和代码仓库,并将IDEA中的代码提交到远程代码仓库的详细教程,涵盖了Git安装、IDEA配置、项目创建、代码提交等步骤。
coding上创建项目、创建代码仓库、将IDEA中的代码提交到coding上的代码仓库、Git的下载、IDEA上配置git
|
2月前
|
JavaScript 前端开发 开发者
【颠覆你的前端世界!】VSCode + ESLint + Prettier:一键拯救Vue代码于水深火热之中,打造极致编程体验之旅!
【8月更文挑战第9天】随着前端技术的发展,保持代码规范一致至关重要。本文介绍如何在VSCode中利用ESLint和Prettier检查并格式化Vue.js代码。ESLint检测代码错误,Prettier保证风格统一。首先需安装VSCode插件及Node.js包,然后配置ESLint和Prettier选项。在VSCode设置中启用保存时自动修复与格式化功能。配置完成后,VSCode将自动应用规则,提升编码效率和代码质量。
239 1
|
2月前
|
TensorFlow 算法框架/工具 Python
【Mac 系统】解决VSCode用Conda成功安装TensorFlow但程序报错显示红色波浪线Unable to import ‘tensorflow‘ pylint(import-error)
本文解决在Mac系统上使用VSCode时遇到的TensorFlow无法导入问题,原因是Python解析器未正确设置为Conda环境下的版本。通过在VSCode左下角选择正确的Python解析器,即可解决import TensorFlow时报错和显示红色波浪线的问题。
74 9
|
2月前
|
Linux 开发工具 Python
【Deepin 20系统】Linux系统从零打造完美VScode for Python环境
如何在Deepin 20系统中从零开始配置一个完美的VScode for Python开发环境,包括安装Anaconda、VScode、必要的插件、汉化、主题和字体设置,以及如何运行和调试Python程序。
59 5
|
2月前
|
开发工具 git
Git使用经验总结2-配置用户名邮箱
Git使用经验总结2-配置用户名邮箱
30 0
|
2月前
|
开发工具 git
[git]记配置本地git到gitlab并推送
[git]记配置本地git到gitlab并推送