在vue项目中使用阿里矢量库

阿里矢量库使用方法简易教程

写在前面：以前项目是本身写的项目来练手，因此用的矢量库。工做里面若是UI不用的话也只能用其余方法了。咱们目前用的SVG,你们的项目里面都用的是那种形式呢？

一： 在阿里矢量库中注册帐号

这个首页的登陆页面，通常用github登陆就好啦！

二：登陆后如何添加本身的项目

登陆之后就能够看到这个页面啦！点击下图的图标管理

01 能够申请一个本身的项目 点击紫色的按钮便可看到下面的页面

02 完善相应的信息就能够有本身的项目了。在首页搜索你须要的图标，例如:收藏

03 点击相应的图标，加入到库中，点击购物车的图标能够下载或者添加到本身项目中。若是想加载的快点，就能够直接下载到本地。

04 到购物车里面就能够选择相应的图标到本身的项目中，点击确认就会跳转页面到你的项目。新增的图标就出现了。

05 点击生成最新的icon

三：若是在项目中引入和使用icon

在点击生成font class 生成一段地址 。在index.html中加入
<link rel="stylesheet" href="你复制的地址">

在项目中，你就可使用i标签来用了。这是我项目中是使用icon的方法啦。在class里要加入你在建项目时候自定义的前缀，eg:iconfont
在class中增长在font class下面图标的名字：
<i class="iconfont shoucang"></i>