VS Code 神插件!侧边栏秒变“项目资源总览”,图片、字体、文档再也不用翻文件夹!

11 阅读1分钟

我最近发现一个VS Code神插件,管理项目静态资源太方便了!

不用再挨个翻文件夹找图了!侧边栏里一目了然,图片、字体、文档全都有。

做前端开发好几年了,最头疼的事之一就是找项目里的图片、字体这些静态资源。
每次想用一张图,都得在 assetspublic 这些文件夹里一层层点进去翻,有时候还记不清图放哪儿了,只能全局搜文件名。

直到前两天,我在 VS Code 插件市场闲逛,发现了一个叫 Asset Manage 的插件,试用了一下,瞬间感觉打开了新世界——它直接把所有静态资源收进侧边栏,分类清清楚楚,还能直接预览!

演示:

使用演示

它到底能干啥?

📂 自动分类,侧边栏一目了然

装好插件后,左侧活动栏会多一个「Asset Manage」图标。点开就能看到所有资源按类型分好了:图片、音视频、字体、办公文档……每个分类下面还会按文件夹分组,再也不用满项目瞎找了。

image.png


🔍 自动标记大文件

可以自定义体积阈值,超过的文件会被高亮标记。做性能优化时,扫一眼就能知道哪些图片太大需要压缩。

image.png


🔄 重复图片检测,一键去重

基于内容哈希检测重复图片,点一下「查看重复」,所有重复项和所在目录就列出来了,清理起来特别快。

image.png


👁️ 内置预览,不用打开其他软件

图片、PDF、Word、Excel、字体 都能在侧边栏直接预览,音视频也支持在线播放。

image.png

image.png


插件地址Asset Manage - Visual Studio Marketplace