🎯 前端开发神器推荐：Image Preview 插件，让你的图片 CDN 链接"秒变"预览图！
在日常前端开发中，我们经常需要处理大量的图片资源，尤其是通过 CDN 地址引入背景图、图标、海报等。然而，每次想确认一张图片长什么样，都得复制链接到浏览器打开，这过程繁琐又低效。
直到我遇到了一个 Visual Studio Code 的小插件 ------ Image Preview，它彻底改变了我的工作流！
今天就来分享这个「鼠标悬停即预览图片」的神级插件，让你再也不用离开编辑器就能快速查看图片效果。
🔍 插件简介
Image Preview 是由 kisst kondoros 开发的一款 VS Code 扩展，功能非常简单却极其实用：
✅ 在代码中 hover 图片 URL 时，自动在编辑器右侧弹出图片预览
✅ 支持 CSS
background-image、url()、HTML<img>等所有常见图片引用方式✅ 支持本地文件路径和远程 CDN 链接
✅ 预览图显示在 gutter（行号旁）和 hover 提示框中
🚀 安装与使用
1. 安装插件
打开 VS Code，进入扩展市场（快捷键 Ctrl+Shift+X），搜索：
Image Preview找到作者为 kisst kondoros 的那个，点击安装即可。
或者直接从 [VS Code Marketplace](https://marketplace.visualstudio.com/items?itemName=kisstkon doros.vscode-gutter-preview) 下载。
