第一步： 進入官網，註冊--登入

阿里巴巴向量庫

第二步： 圖示管理---我的專案--建立專案---新建

第三步： 進入圖示庫--官方圖示庫

第四步：選中圖示-- 新增入庫-- 新增至專案---選擇剛剛建立的專案--確定

下面舉例我們選擇了兩個圖示

第五步： 下載至本地---- 點選下載至本地按鈕

第六步： 解壓下載的壓縮檔案----整理放入vue中的static中（在static中新建資料夾 icon ），同時直接把iconfont.css放入static中

第七步： vue的main.js中引入 *注意必須： npm install css-loader -s 否則報錯

import "../static/iconfont.css"

第八步： 使用iconfont

<i class="iconfont icon-eye" style="color: #999;font-size: 20px;"></i>

vue報錯原因：

• 沒有npm install css-loader -s
• 沒有修改iconfont的URL的引用地址
• 沒有在main.js中引入iconfont.css

作者：冬天的_太陽
連結：https://www.jianshu.com/p/fa6ce8e6b011
來源：簡書
著作權歸作者所有。商業轉載請聯絡作者獲得授權，非商業轉載請註明出處。