iconfont

iconfont

本插件目前仅内部使用，部分依赖需要后续依赖开源才可以公开使用。

特色

1. vscode 内部管理当前项目的iconfont
2. 支持复制icon_class
3. 支持刷新功能
4. 支持icon回显功能和背景高亮（颜色可配置）
5. 支持智能输入提示
6. 支持的语言: vue、html、javascript、typescript、css

安装

1. 安装download-iconfont依赖: npm install @tal/download-iconfont -g
2. 配置puppeteer 镜像: npm config set puppeteer_download_host=https://npm.taobao.org/mirrors
3. 安装puppeteer: npm install puppeteer -g
4. 项目中command+shift+p: 输入 set iconfont，找到命令，回车，输入项目的 iconfont Id
5. 重启项目查看效果

配置

1. iconfont.projectId: 配置 iconfont 的项目 id，必须配置
2. iconfont.highlight.bgColor: icon 高亮背景色配置。参考 https://www.bootcss.com/p/websafecolors/

已知问题

1. 登录引导，目前下载iconfont需要具备登录状态，新用户需要手动在终端执行以下命令来同步登录状态：download-iconfont -p <项目id>
2. 由于completions限制，目前无法支持icon图标的展示

TODO

1. 集成更新iconfont功能
2. 自动安装依赖，增加容错提示。
3. 智能输入提示增加 icon 图标

参考资料:

1. VSCode 扩展开发(十) TreeView
2. tree-view-sample
3. vscode-todo-highlight
4. 插件开发（四）：Decorations 装饰器
5. vscode-iconfont-preview
6. decorator-sample
7. completions-sample