snippet 管理工具（snippet-management-tool）

简述

用于管理本地 snippet 的可视化工具；

功能介绍

呼出面板

ctrl + p，键入 Manage Snippets: Panel。

顶部功能区

文件选项

1. 拉取本地 snippet 存储文件。若本地不存在任一 snippet 存储文件，创建 javascript.json 。

snippet 选项

2. 切换对应的文件的 snippet 片段，方便修改。

Import 导入功能

1. 仅支持导入 json 文件；
2. 若存在同名 json 文件，导入内容和本地内容进行比较；
   1. 若存在内容冲突（snippet 的 description 重合），则不进行合并，提示错误；
   2. 不存在内容冲突，提示合并成功；

Forced Import 强制导入

1. 和普通导入相比，忽略了内容冲突检查；

Export 导入功能

1. 理论上支持导出所有 json 类型文件，导出位置由用户决定；win 系统下，默认导入位置是“下载”文件夹；
2. ctrl + v，可粘贴出本地 snippet 文件路径。

Update 更新 snippet

1. 和普通保存相比，忽略内容冲突检查；

主面板

主面板分为编辑区、预览区；

• 编辑区

  • Descripton、Prefix、Body 的变更，都会影响预览区域；
  • Body 区域引入了 Prettier（标准语法格式化）、jsbeautify（默认格式化）能力；
    • ctrl + s，格式化 Body 区域内容；
    • 内置 javascript、html、css三种格式化能力，可通过格式化选项切换；

• 预览区

  • 存储在本地 snippet 文件；

• Save snippet 按钮

  • 保存预览区内容到本地文件。