2024年Web前端最新Windows+VScode配置与使用git，超详细教程，赶紧收藏吧(3)，2024年最新高级开发工程师面试

2401_84436095

于 2024-05-12 00:15:45 发布

阅读量670

点赞数 24

分类专栏：程序员文章标签：前端面试学习

本文链接：https://blog.csdn.net/2401_84436095/article/details/138734582

版权

168 篇文章 0 订阅

订阅专栏

当我们在VScode中编写代码后，需要提交到git仓库时，但是我们又不想切换到git的命令行窗口，我们可以在VScode中配置git，然后就可以很方便快捷的把代码提交到仓库中。

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

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

根据自己的电脑，选择相应的版本，我这里是下载的 Windows

网上有很多git工具安装的教程，比较简单，这里不详细记录了。

注意：一定要记得自己安装的路径！！！

安装完成后，在桌面上点击右键，出现下图所示的图标，则表示安装成功：

第二步：配置VScode中的git

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

注意：冒号前面是 git.path ，路径是 cmd 文件夹中的 git.exe

然后关闭 VScode ，再次打开，过几秒钟后，点击左侧的第3个图标，也就是下图的第一个地方，发现第2和第3个地方变成了可点击状态，不是暗色的，表面git环境配置成功。

第三步：使用 VScode + git，提交到仓库

先从 GitHub 上面拉下来一个仓库，

如果出现下面的错误，可以参考我之前的一篇博客，可以解决该问题，也可以翻墙

主要内容包括html，css，html5，css3，JavaScript，正则表达式，函数，BOM，DOM，jQuery，AJAX，vue等等

HTML/CSS

**HTML：**HTML基本结构，标签属性，事件属性，文本标签，多媒体标签，列表 / 表格 / 表单标签，其他语义化标签，网页结构，模块划分

**CSS：**CSS代码语法，CSS 放置位置，CSS的继承，选择器的种类/优先级，背景样式，字体样式，文本属性，基本样式，样式重置，盒模型样式，浮动float，定位position，浏览器默认样式

HTML5 /CSS3

**HTML5：**HTML5 的优势，HTML5 废弃元素，HTML5 新增元素，HTML5 表单相关元素和属性

**CSS3：**CSS3 新增选择器，CSS3 新增属性，新增变形动画属性，3D变形属性，CSS3 的过渡属性，CSS3 的动画属性，CSS3 新增多列属性，CSS3新增单位，弹性盒模型

JavaScript

**JavaScript：**JavaScript基础，JavaScript数据类型，算术运算，强制转换，赋值运算，关系运算，逻辑运算，三元运算，分支循环，switch，while，do-while，for，break，continue，数组，数组方法，二维数组，字符串

JavaScript**

[外链图片转存中…(img-RtPttMGc-1715444122670)]

关注