1、

强烈推荐安装插件，是我最推荐的VS Code插件之一，简直就是Git神器，码农必备。

Git管理中有很多强大的功能，比如：

把光标放在当前代码行上，就可以看到这行代码是谁提交的，什么时候提交的。 这是最方便的功能。

查看代码更改历史

查看不同分支

你可以比较两个代码

甚至可以比较两个分支的整体代码。 这简直就是最强大的功能。 当我们在不同的分支代码中时，可以使用这个技巧。

2.()打包代码

汉化包，让软件以简体中文语言显示，没什么好说的。 当我在学校的时候，我愚蠢地认为我可以使用英语并习惯它。 不然以后自己工作，别人不用中文这么漂亮的语言，中文包怎么办？ 给别人安装调试？ 事实证明，大部分用中文语言包的设备，你把英文编辑器放进去，别人给你调试，你不习惯。

3.直播

在本地启动一个服务器，写完代码就可以实现“热更新”，在网页上可以实时看到运行效果。 您无需每次都手动刷新页面。

在编写演示时特别有用

使用方法：安装好插件后，开始写代码； 代码写好后网站建设，右键选择“Open with Live”

4.打开

安装open in插件后，在html文件中“右击-->打开方式”即可在浏览器中预览网页。

对于初学者来说，它也是一个更容易使用的插件

5.同步

惊喜和意外永远不知道哪个先来，可能突然间你的电脑不会说话了，那如果你做了很多个性化的配置，那可以说是一场灾难 我们得把配置云端同步一下，这样当我们的时候更换电脑，配置自动同步到本地，无需重新使用插件，无需重新配置软件。 我们可以把配置共享给其他用户，也可以把其他用户的配置为自己所用。 操作步骤详见上文：【Ⅳ-VS Code配置云服务】（#Ⅳ-VS Code配置笔记）

6.：快速打印log日志

安装此插件后，当我们按住快捷键“Cmd++L”时，会自动出现log.log()。 简直就是期刊党的福音。

当我们选中一个变量名，然后按住快捷键“Cmd++L”，就会自动出现这个变量的日志。 日志（名称）。

其他类似的插件包括：Log。

但是对于生产环境中的代码，还是尽量少打log，避免出现一些异常。

编程分为三个层次：

第三层是日志。 这是最简单有效的方法。 它有点低级。 一般初学者或者高级技术人员偷懒的时候都会用到。 第二层是断点调试，在前端、Java、PHP、iOS开发中非常常用。 通过断点调试，可以直观的跟踪执行逻辑、调用栈、变量等，是最实用的技巧。 第一层是测试硬件开发，在做这个之前先写测试。 与二级断点调试相反，大多数人不太习惯这种方式，但在国外开发者或敏捷爱好者眼中，却是最高效的编程方式。 等等都是非常有帮助的php生成html代码，是现代编程必备手段的一部分。

7. 混帐

有些同学习惯在编辑器中使用Git管理工具php生成html代码网站模板，不喜欢再打开一个Git UI工具。 这个插件可以满足你查询所有 Git 记录的需求。

8. 混帐

是另一个 GUI 插件

9.代码跳转

前端开发需要

① - 榆树跳

常规代码跳转定义，按ctrl，同

② CSS 查看

同，按ctrl跳转到css定义，按ctrl，同

③ 视图-

允许跳转到vue单文件中变量函数的定义

2个推荐的插件

1.待办事项

在写代码的过程中，突然发现了一个bug，但是又不想停下手头的工作，以免打断思路，怎么办？ 根据代码规范，我们一般会在代码中添加TODO注释。 例如：（注意，一定要写成大写的TODO，不能是小写的todo）

//TODO：这里标记一下有BUG，暂存11

或者：

//：你好吗？ 11

安装插件TODO后，按住“Cmd++P”打开命令面板，输入“”，选择相关命令，我们可以看到一个列表。

2、

模块中文件夹和模块太多，不好找。 好在安装这个插件后，输入快捷键“Cmd++P”，然后回车，在弹出的选项中选择，搜索里面的模块。

3.（慎用）

保留本地文件历史，可以安装，当代码不小心丢失的时候，有时候可以救命，但是也有缺点，它会在你的项目下生成一个[.]文件，当你提交的时候，就不能正常使用了。 如果做得不好，这些也会提交信息，导致不可避免的提交。

4.

图片预览。 当鼠标移到图片地址上时，会自动显示图片预览和图片大小。

5. kiwi- --> 国际化处理

kiwi的VS Code插件工具主要用于检测代码中的中文，高亮中文字符串，一键提取中文字符串到对应语言的Key库。

同时优化开发体验，VS Code提供搜索中文，提示国际化值对应的中文功能。

6. --> 项目代码统计

快速统计项目中的代码行数和分类，直接展开商店搜索安装

① 快速统计代码行数

② 显示结果