iconfont 图标自动同步插件 iconfont sync

iconfont sync​

  • 在项目开发中,设计师会可能会频繁更新图标库,开发人员此时需要不断的去网站下载资源包来应用最新的图标;

  • 频繁的下载、解压、复制、粘贴,是不是让你很恼火,好了,现在你可以解放了,来试试这款插件吧,一键解决你的所有不快乐。

  • 无需再登录iconfont 网站去搜索项目中的图标,轻轻一点,即可搜索图标文件,点击即可复制。


How to use

iconfont sync

  1. 登录 输入自己的iconfont网站的账号密码;

  2. 配置项目的iconfont文件存储路径;

    PRODUCT NAME
       │   .vscode
       │   .git   
       │
       └───src
       │   │   file011.txt
       │   │   file012.txt
       │   │
       │   └───assets
       │       │   iconfont.txt
       │       │   iconfont.css
       │       │   ...

    如果iconfont 图标库是放在 assets 目录下的,则配置路径为/src/assets;

  3. 选择对应的项目点击同步图标,即可同步最新的iconfont资源文件;

  4. 点击预览,可以查看该项目下的所有图标,可以搜索并且复制。

高级用法

针对同一工作空间,多根目录的情况(Multi-root Workspaces)

multi-root

  1. 如上图目录结构,请配置两个本地存储路径,并用分号分隔,如/extras;/src/assets;

  2. 如果第一个目录不需要配置本地同步目录,请如下配置,如;/src/assets


Enjoy!

  • 12
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值