【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 官网,查看仓库,就能发现成功推送上去了!

创建分支

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

干货来啦!!!

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


相关文章
|
1月前
vue3-admin-element-template配置正向代理报错
vue3-admin-element-template配置正向代理报错
25 0
|
1月前
|
移动开发 JavaScript 安全
Vue 应用程序性能优化:代码压缩、加密和混淆配置详解
Vue 应用程序性能优化:代码压缩、加密和混淆配置详解
28 0
|
1月前
|
前端开发 Java 应用服务中间件
nginx结合前后端分离项目springboot+vue的配置
nginx结合前后端分离项目springboot+vue的配置
|
22天前
|
安全 Shell 网络安全
【Git】TortoiseGit(小乌龟)配置SSH和使用
【Git】TortoiseGit(小乌龟)配置SSH和使用
49 0
|
9天前
|
存储 网络安全 开发工具
[Git]关联远程库的两种方法及配置
[Git]关联远程库的两种方法及配置
33 0
[Git]关联远程库的两种方法及配置
|
10天前
|
前端开发 JavaScript Windows
前端秘法引言(配置vscode, 以及html的基础)
前端秘法引言(配置vscode, 以及html的基础)
161 0
|
22天前
Vue3使用路由及配置vite.alias简化导入写法
Vue3使用路由及配置vite.alias简化导入写法
19 0
|
23天前
|
C语言 C++
VScode中C++多文件编译运行问题(使用code runner配置)
VScode中C++多文件编译运行问题(使用code runner配置)
|
24天前
|
JavaScript 前端开发 API
从Vue 2到Vue 3:深入了解路由配置的变化与升级建议
欢迎阅读本篇文章,我们将带您深入探索Vue 2和Vue 3的路由配置。在现代前端开发中,路由是构建交互式Web应用程序不可或缺的一部分。Vue.js作为一种流行的JavaScript框架,在版本2和版本3之间进行了重大改进和升级。
|
27天前
|
缓存 JavaScript 开发工具
【安装指南】VSCode搭建运行Vue的详细教程
【安装指南】VSCode搭建运行Vue的详细教程
48 0

相关产品

  • 云迁移中心