前端开发必备的 VSCode 插件推荐（第二期）

目录

• 1 前言
• 2 插件推荐
  • 2.1 background - 个性化你的 VSCode 背景
  • 2.2 Codeium - AI 编码助手
  • 2.3 colorize - 颜色色值高亮插件
• 3 总结

1 前言

你好，我是喵喵侠。在上一期的《前端开发必备的 VSCode 插件推荐（第一期）》中，我为大家介绍了三款实用的 VSCode 插件，帮助大家提升开发效率。这次，我将继续为大家推荐几款功能强大的插件。这些插件不仅能够增强 VSCode 的功能，还能为你的开发过程带来更多便利和乐趣。无论你是初学者还是资深开发者，这些插件都值得一试，希望能为你的编码之旅带来新的灵感与提升。接下来，让我们一起来探索这些出色的工具吧！

2 插件推荐

2.1 background - 个性化你的 VSCode 背景

这款插件可以修改你的 VSCode 背景色，让你开发时候，可以看到自己喜欢的图片。

为了保证在不同设备上，都能使用相同的图片，建议用图床备份你喜欢的图片，这样图片的链接就是唯一的了。我个人比较推荐腾讯云 COS 对象存储做图床，搭配 cosbrowser 客户端，可以很方便管理图片文件。

2.2 Codeium - AI 编码助手

这是一款强大的 AI 编码助手，我用过很长一段时间，感觉还不错。使用这款AI 编码助手，你可以更加专注于解决实际问题，而不是花费时间在查找语法和方法上。它不仅能理解复杂的编程逻辑，还能根据当前的代码结构，推荐最合适的代码片段，从而帮助你快速构建出健壮且高效的代码。

强大的补全能力，离不开 chatgpt3.5的加持，4的版本也可以切换，只是有使用限制。整体用下来感觉十分不错。只是这款插件对网络要求比较高，需要高级一点的网络，你懂的。

2.3 colorize - 颜色色值高亮插件

这是一款好用的颜色高亮插件，支持 rgb、rgba、Hex 、英文颜色的标记，效果如下图所示：

即便你书写的不是 CSS 代码，在 Vue、JavaScript 等文件中，定义一个颜色数组，也是可以有颜色高亮效果的：

这样你在书写颜色相关的代码时候，就能够很方便的看到设置的颜色效果是怎样的了。

需要注意的是，有时候颜色高亮的区域，会有点 bug，你只需要切换下标签页，再切回来就好了。

3 总结

本次推荐的插件，主要旨在提升开发体验和效率，更好的显示效果，可以带来更直观的查看体验。插件主页的文档也是非常详细，基本上一看就能快速上手。如果有遇到不清楚的问题，欢迎在评论区留言。

我正在参与2024腾讯技术创作特训营最新征文，快来和我瓜分大奖！