Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>iconfontNew to Visual Studio Code? Get it now.
iconfont

iconfont

yoyo612

|
2,148 installs
| (2) | Free
iconfont管理
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

iconfont

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

截图1

特色

  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
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft