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

简介: 本文由喵喵侠推荐三款实用VSCode插件:background自定义编辑器背景、Codeium提供AI智能补全、colorize实现颜色值实时高亮,提升开发效率与视觉体验,适合前端开发者使用。

目录

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 总结

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

目录
相关文章
|
8天前
|
人工智能 前端开发 Go
前端开发必备的 VSCode 插件推荐(第一期)
本文推荐三款提升前端开发效率的VSCode插件:Live Server实现网页实时预览,Tencent Cloud AI Code Assistant提供智能补全与代码优化,WakaTime记录编程时长。助力开发者高效编码,欢迎交流分享使用心得。
104 0
前端开发必备的 VSCode 插件推荐(第一期)
|
8天前
|
存储 对象存储 Windows
Windows 上值得推荐的软件(第二弹)
本文推荐两款高效实用工具:Pixpin,功能强大且易用的截图贴图软件,支持标注、取色、长图与GIF录制;PicList,便捷的图床管理工具,助力Markdown写作中本地图片云端同步,支持多种存储服务与插件扩展,提升内容创作与分享效率。
53 1
Windows 上值得推荐的软件(第二弹)
|
5天前
|
人工智能 小程序 JavaScript
uni-app微信小程序相机组件二次拍照白屏问题的排查与解决
本文分享了在uni-app开发微信小程序时,因状态管理不当导致拍照后图片不显示的bug排查过程。问题根源在于删除照片时将变量设为“#”(truthy值),导致条件渲染逻辑错误。通过彻底清空相关状态并遵循最佳实践,最终解决问题。
58 2
|
5天前
|
前端开发 JavaScript iOS开发
Volta:一款优秀的前端开发 JavaScript 项目管理器
前端开发者喵喵侠分享使用 Volta 管理 Node.js 版本的实战经验。Volta 可跨平台统一管理 Node、npm、pnpm 等工具版本,支持在 `package.json` 中锁定依赖,实现项目级环境自动切换,尤其解决了 Windows 下 nvm/nvs 的兼容问题,提升团队协作效率。
50 1
|
8天前
|
文字识别 程序员 数据安全/隐私保护
macOS 上值得推荐的软件(第一弹)
本文推荐三款提升macOS使用效率的优质软件:Longshot(支持滚动截图的截图工具)、Mos(优化鼠标平滑滚动与方向设置)、NetNewsWire(免费开源RSS阅读器)。涵盖截图、系统操作与信息获取场景,助力程序员高效工作。无广告,可免费试用,欢迎体验与分享。
58 0
macOS 上值得推荐的软件(第一弹)
|
8天前
|
安全 网络安全 开发工具
解决 Host key verification failed 报错的三种方法(含 SSH 安全建议)
本文由喵喵侠撰写,详解Git提交时常见报错“Host key verification failed”的成因与解决方案。当SSH密钥变更或服务器重装系统时,本地记录的主机密钥会失效,导致连接被拒。文章提供三种解决方法:使用`ssh-keygen -R`删除旧密钥、手动编辑`known_hosts`文件,或临时禁用严格检查(不推荐生产环境)。同时强调安全建议:确认服务器状态、核对密钥指纹、启用`VerifyHostKeyDNS`防范中间人攻击。帮助开发者快速定位问题,保障代码提交顺畅。
147 0
|
8天前
|
自然语言处理 前端开发 Windows
推荐一款很好用的VSCode变量翻译插件
本文介绍VSCode插件“var-translate-en”,可一键将中文翻译为英文并转为小驼峰等命名格式,支持百度、腾讯、阿里等翻译服务。通过简单配置与快捷键设置,提升变量命名效率,解决命名难题。
149 0
|
8天前
|
移动开发 前端开发 JavaScript
uni-app实战案例:实现H5页面麦克风权限获取与录音功能
本文介绍如何在uni-app的H5页面中实现麦克风权限获取与录音功能,涵盖音频流转换为Blob、Base64及文件下载的完整方案,助力前端语音交互开发。
166 0
|
5天前
|
前端开发 程序员 API
作为前端开发,分享下我在编程中的好习惯
前端开发喵喵侠分享多年实战总结的8个编程好习惯:写前先思考、注释重“为什么”、规范命名、代码自检、写文档、Git提交规范化、表单提示友好化、果断删除无用代码。习惯决定代码质量,写出半年后自己仍能读懂的代码,才是成熟的开始。
27 0
|
8天前
|
监控 Windows
Windows笔记本打游戏卡顿掉帧?一招教你解决!
笔记本玩游戏卡顿?可能是显卡设置出了问题。本文分享如何通过NVIDIA控制面板强制使用高性能显卡,轻松将《原神》《星穹铁道》帧率稳定至60FPS,提升游戏体验。排查思路清晰,操作简单,值得一试。
195 0