VSCode插件开发：snippet-store(代码片段)
作为一个立志成为TS高手的新手，在一次偶然的情况下，脑海中冒出了用TS开发一个VSCode插件的想法，从此一发不可收拾...
1、计划搞个什么插件
与其说搞个什么插件，倒不如说是什么原因导致我萌生了自己开发个插件的念头。作为一个前端，在挣“窝囊费”的时候，发现每次开发一个页面，来来回回就是那么些功能（按钮、布局、弹窗...），能够复用的代码块太多了~于是便想搞个插件。
2、插件部分功能以及使用方式
- 展示
添加的所有的代码块和模板，都能在指定位置看到，方便进行管理。
- 添加代码块
选中代码块，右键保存到指定位置。
- 插入代码块
选择需要插入的代码块，即可将对应的代码块插入至光标所在位置。
- 添加模板
在资源管理器中，对于指定的目录或文件，右键->添加至模板。
- 插入模板
在资源管理器中，在指定位置，右键->注入模板，选择对应的模板即可。
- 导入、导出
可以将已保存的模板或者代码块导出，也可导入，方便与他人共享。
3、插件整体设计
插件展示：编辑器左侧新增树视图，展示所有的数据，同时方便进行管理。
首次加载：展示空页面提示，引导用户进行相关操作。
相关的配置：保存在用户本地配置文件中，即setting.json。
保存的代码块：新建用于存储数据的json文件，保存数据。
保存的模板：将指定的文件/文件夹复制到对应的目录下。
4、安装、使用
vscode扩展商店搜索snippet-store即可安装
- 设置保存地址
首次安装，进入插件列表会提示需要设置存储文件的保存地址
- 创建仓库
通过点击菜单栏+号，新建仓库
- 添加代码块
选中要添加的文本，右击->添加为->...
- 插入代码块
在需要插入的地方，点击⚡图标进行插入
- 添加模板
在资源管理器中，选择文件/文件夹，右击->保存为模板，输入相关信息
- 注入模板
在资源管理器中，选择文件夹，右击->注入模板，选择需要注入的模板
