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

创建分支

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

干货来啦!!!

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


相关文章
|
26天前
|
开发工具 git 开发者
vscode+git解决远程分支合并冲突
通过这些详细步骤,您可以掌握如何使用VSCode和Git高效地解决远程分支合并冲突,提高开发效率和代码质量。希望这些内容对您的学习和工作有所帮助。
220 86
|
5月前
|
开发工具 git C++
【App Service】VS Code直接部署App Service时候遇见 “fatal: not a git repository (or any of the parent directories): .git”
通过VS Code发布Python App Service的时候,遇见了发布失败错误: The deployment failed with error: fatal: not a git repository (or any of the parent directories): .git . Please take a few minutes to help us improve the deployment experience
119 24
|
10天前
|
资源调度 JavaScript 前端开发
Pinia 如何在 Vue 3 项目中进行安装和配置?
Pinia 如何在 Vue 3 项目中进行安装和配置?
|
2月前
|
JavaScript 前端开发 jenkins
抛弃node和vscode,如何用记事本开发出一个完整的vue前端项目
本文探讨了在不依赖Node和VSCode的情况下,仅使用记事本和浏览器开发一个完整的Vue3前端项目的方法。通过CDN引入Vue、Vue Router、Element-UI等库,直接编写HTML文件实现页面功能,展示了前端开发的本质是生成HTML。虽然日常开发离不开现代工具,但掌握这种基础方法有助于快速实现想法或应对特殊环境限制。文章还介绍了如何用Node简单部署HTML文件到服务器,提供了一种高效、轻量的开发思路。
70 10
|
4月前
|
JavaScript 前端开发
如何在 Vue 项目中配置 Tree Shaking?
通过以上针对 Webpack 或 Rollup 的配置方法,就可以在 Vue 项目中有效地启用 Tree Shaking,从而优化项目的打包体积,提高项目的性能和加载速度。在实际配置过程中,需要根据项目的具体情况和需求,对配置进行适当的调整和优化。
|
4月前
|
数据可视化 开发工具 git
如何解决 Git 版本控制系统中冲突的问题?
在Git版本控制系统中,冲突是指在合并或拉取操作时,两个或多个开发者对同一文件的同一部分进行了不同的修改,导致Git无法自动确定应该采用哪种修改。
83 1
|
5月前
|
JavaScript 数据可视化
vue-cli学习二:vue-cli3版本 创建vue项目后,Runtime-Compiler和Runtime-only两个模式详解;vue项目管理器;配置文件的配置在哪,以及如何配置
这篇文章详细介绍了Vue CLI 3版本创建项目时的Runtime-Compiler和Runtime-only两种模式的区别、Vue程序的运行过程、render函数的使用、eslint的关闭方法,以及Vue CLI 2和3版本配置文件的不同和脚手架3版本创建项目的配置文件配置方法。
325 3
vue-cli学习二:vue-cli3版本 创建vue项目后,Runtime-Compiler和Runtime-only两个模式详解;vue项目管理器;配置文件的配置在哪,以及如何配置
|
4月前
|
JavaScript 前端开发 开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码,包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤
随着前端开发技术的快速发展,代码规范和格式化工具变得尤为重要。本文介绍了如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码,包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤。通过这些工具,可以显著提升编码效率和代码质量。
928 4
|
5月前
|
资源调度 JavaScript 前端开发
路由管理:Vue Router的使用和配置技巧
【10月更文挑战第21天】路由管理:Vue Router的使用和配置技巧
108 3
|
6月前
|
JavaScript
vue项目中使用vue-router进行路由配置及嵌套多级路由
该文章详细说明了如何在Vue项目中配置和使用vue-router进行单页面应用的路由管理,包括设置嵌套路由和实现多级路由导航的示例。

热门文章

最新文章