阿里巴巴的矢量庫中擁有巨量的圖標，各式各樣，屬于一搜一大把的，而且矢量庫中允許使用png的形式下載，也就是說我們可以把圖標作為圖片直接使用，這里我們不介紹。主要介紹一下類似elementUI的font-class的引入方式。

    首先，你要先擁有一個本網站的賬號，使用手機號就能注冊，不多贅述，在選擇下載方式的時候不要直接下載，而是點擊加入庫中。再把庫中所有的圖表加入到你的項目，如果沒有項目，你可以點擊右側創(chuàng)建一個和項目。

    接下來我們把鼠標移動到頭部導航的資源管理里，點擊我的項目，在這里你就能看見你創(chuàng)建的項目了。在項目中你可以更加細致的修改圖標的顏色名字等，比較重要的是項目設置中FontClass前綴和fontfamily，當你使用圖標是這兩個全都會使用到。

    這是官方的調用方法。

    但是還有一種騷操作，如果你同時使用了elementUI，你可以使用element-icons作為fontfamily的值，這樣盡管你在class中不輸入element-icons也能夠正常顯示，但是不要使用el-作為前綴和elementUI的前綴重復。

    當你設置好前綴和名字等，點擊項目上方下載至本地，你會得到一個壓縮文件，解壓后來到最里邊，你只需要留下以下幾個文件，剩下的都沒啥大用。

    接下來請把這些文件放到你項目中的某個文件夾里。推薦src文件夾->assets->文件夾下面創(chuàng)建名字為icon的文件夾。然后記住你創(chuàng)建的文件夾的位置，在main.js中引入iconfont.css

import('./assets/icon/iconfont.css')

    現在你就可以正常使用阿里巴巴的矢量圖了，如果你的想要添加新的矢量圖，別忘了更新文件夾里的文件，矢量圖的渲染依靠他們。

    如果你按照官方默認的項目設置設置了矢量圖的前綴和fontfamily你可以使用官方如上的方法調用他們，類似elementui，只需要在i的class里輸入fontfamily名和前綴名+圖標名就可以，下一篇文章為大家演示一下在項目中的應用。