前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >前端开发必备的 VSCode 插件推荐(第二期)

前端开发必备的 VSCode 插件推荐(第二期)

原创
作者头像
喵喵侠
发布2024-06-17 18:17:50
3291
发布2024-06-17 18:17:50
举报

目录

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腾讯技术创作特训营最新征文,快来和我瓜分大奖!

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 目录
  • 1 前言
  • 2 插件推荐
    • 2.1 background - 个性化你的 VSCode 背景
      • 2.2 Codeium - AI 编码助手
        • 2.3 colorize - 颜色色值高亮插件
        • 3 总结
        相关产品与服务
        对象存储
        对象存储(Cloud Object Storage,COS)是由腾讯云推出的无目录层次结构、无数据格式限制,可容纳海量数据且支持 HTTP/HTTPS 协议访问的分布式存储服务。腾讯云 COS 的存储桶空间无容量上限,无需分区管理,适用于 CDN 数据分发、数据万象处理或大数据计算与分析的数据湖等多种场景。
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档