推荐 7 个 vscode 插件，让 coding 更加丝滑

Project Manager

Project Manager 是一个项目管理插件，可以帮助你更轻松的管理和组织项目。如果你有过同时开发多个项目的经历，一定会体会过在不同项目之间切换的苦恼。每个项目开一个 vscode 窗口的话，电脑可能会变的卡顿，只开一个窗口的话，切换起来由比较麻烦，只能从 File -> Open Recent 菜单选择。有了这个插件，你就可以把项目都加到 list 中，如果你想切换项目，直接按下 option + command + p即可唤起项目列表，然后输入要切换的项目，回车就好了

Echarts Enhanced Completion

这是一个用于编辑 echarts 的配置项时进行补全提示的 vscode 的扩展。安装并启用插件后，在你需要用作 echarts 配置项的对象的上一行添加一行注释： /** @type EChartsOption */ (输入 echartsoption 可以使用代码片段)，用于定义该对象为配置项对象。现在，在配置项对象中按下 Enter 键时，插件会显示你可能需要的配置项的列表，并且提示中有对该配置项的详细说明。

draw.io

Draw.io Integration 是一个在 Visual Studio Code 中集成 Draw.io 的插件，它允许你在 VSCode 中直接编辑和预览 Draw.io 图表。以下是该插件的一些主要功能和特点

1. 在 VSCode 中编辑图表: 你可以在 VSCode 中直接编辑 Draw.io 图表，无需离开编辑器即可进行图表的创建、编辑和调整。
2. 实时预览: 插件提供了实时预览功能，可以在编辑 Draw.io 图表时立即预览图表的效果，使得调整和修改更加直观。
3. 支持多种图表类型: 插件支持 Draw.io 中的多种图表类型，包括流程图、组织结构图、UML 图、网络图等，满足不同场景下的需求。
4. 保存和导出: 你可以将编辑完成的图表保存到本地或者导出为图片或者 XML 文件，方便分享和使用。
5. 与其他插件集成: 插件与其他常用的 VSCode 插件集成良好，例如 Git 插件、Markdown 插件等，可以更加方便地在项目中使用 Draw.io 图表。

Code Runner

Code Runner 是一个在 Visual Studio Code 中执行代码的插件，它支持多种编程语言，并且提供了一键执行代码的功能。以下是该插件的一些主要特点和功能：

1. 支持多种编程语言: Code Runner 支持多种常见的编程语言，包括但不限于 JavaScript、Python、Java、C++、C#、Go、PHP、Ruby、Swift、TypeScript 等。
2. 一键执行代码: 你可以通过点击编辑器右上角的运行按钮或者使用快捷键来一键执行当前编辑的代码，无需额外的配置或者切换环境。
3. 支持代码片段: 你可以选择部分代码进行执行，而不是执行整个文件，这在调试代码或者测试特定功能时非常方便。
4. 自定义配置: 插件提供了丰富的配置选项，你可以根据需要自定义执行命令、参数、语言解释器等，以满足不同编程环境下的需求。
5. 输出结果显示: 在代码执行完成后，插件会将执行结果显示在输出面板中，包括标准输出、标准错误、执行时间等信息，方便查看和调试。

Hex to rgb

这是一款用于转换 hex 和 rgb 的插件，在前端开发中。经常会碰到需要把一个 hex 颜色改成带有透明度的 rgba 格式，在没有这款插件之前，我一般会把 hex 复制到在线的转换网站中，转换成 rgb 后再复制到代码中，最后再修改透明度。有了这款插件以后，我们就可以直接一键实现 hex 和 rgb 的互转，我这里结合了 vim 来实现，绑定了相关的快捷键为 rgb -> hex leader + h ，hex -> rgb leader + r

Material Icon Theme

这是一款 Meterial 风格的文件 Icon 美化插件，让你的资源管理器更加的美观，心情好了，coding 效率才能上去。

Turbo Console Log

Turbo Console Log 插件通过自动化写入有意义的日志消息的操作，让你在调试时输出变量更加简单，不用再输入 console.log()，而是可以直接通过快捷键 option + shift + L快速打印变量
更多内容，可以关注我的公众号～