keIcon - 项目图标库智能预览助手

以用来解决项目开发过程中，开发人员不能直观查看项目中已存在的图片进行预览，以及重复图片无法快捷复用的问题。

一、管理项目图片

右键-> 点击keAlita -> 点击管理项目图片

预览当前项目下的所有图片，图片按照图片名称排序展示

顶部展示当前项目中图片重复率

二、预览图片一键添加到图标库

1、点击图片 2、选择图标存储的样式文件，支持less,scss,css 文件 3、选择图片存储的目录（目前仅支持图片存储到项目所在目录下） 4、点击添加生产图标

三、修改已关联的样式文件

右键-> 点击keAlita -> 点击查看项目图标库 点击更改样式文件->选择style->点击替换

四、支持新增图片以及修改样式模版

默认图标css 模版 （推荐在less,scss 文件中使用）（根据具体项目修改配置）

例：项目中配置

.icon-setting(@width, @height, @name) {
  display: inline-block;
  width:@width;
  height: @height;
  background-image:url('../imgs/@{name}');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

模版需接收三个参数 @width: 会自动填充图标宽度 @height: 会自动填充图标高度 @url: 会自动填充图标名称 模版配置成

// 注意，此处配置模版路径需要正确，文件名称需添加单引号
.icon-setting(@width, @height, '@url');

具体流程