vscode 预览图片 插件_真的动手写的VSCode的插件(图片浏览)之1

由于本职工作中经常做图像处理，于时大量的图片浏览是不可避免的。

怎么样不离开最近经常使用的VSCode，同时去看大量的图像对我来讲就是个不错的需求，尤其是某个目录下的文件。

先谈基本的需求吧，显示一个目标下的所有图像，最好图像可以按列表/块显示一下。

如果需求是这样，那就分解一下实现路径：

1. 找到extension point, 在目录上显示个菜单。
2. 菜单能够显示一个窗口。
3. 窗口能够得到目录的路径 ，然后枚举所有的图像(png, jpg, jpeg)

好了，那我们就这么定了吧。

在正式开始前，我们先介绍一下VSCode插件的入口manifest文件：package.json。

本来这个文件是node.js用的，现在VSCode把它扩展了。同时会在它里边定义contributes 与 activationEvents。也就是Extension的扩展点与启动入口。

下面这些在package.json里很重要，对于VSCode来讲

name and publisher: <publisher>.<name>构成了唯一ID用于标识这个Extension
main: 入口的JS文件.
activationEvents and contributes: 定义你的扩展点与实际启动的事件.
e