第一步：

進入阿里向量圖示庫並登入 地址：https://www.iconfont.cn

第二步：

選擇專案需要的圖示新增到庫

第三步：

選完之後點選右上角的購物車，開啟後點擊新增到專案，沒有就自己建一個（按鈕都在同一個頁面）

第四步：

新增到專案後，在彈出的頁面修改專案防止icon命名與自己的UI框架（如elementui）衝突

在   更多操作-》編輯專案  下（設定字型的字首：fontClass/Symbol 字首）

第五步：

修改完成專案後進行選擇css並下載下來

第六步：

在你的vue專案assets資料夾下面建立icon資料夾，把下載的壓縮包解壓的檔案複製到icon資料夾下面（當然demo等不需要的檔案按你的需要刪除）

第七步：

開啟iconfont.css在icon樣式行新增第四步設定的字首樣式關聯

程式碼：,[class^="el-icon-zz"],[class*=" el-icon-zz"]  //注意第二個el-icon-zz前面有個空格

第八步：

在main.js當中引入使用（全域性的），區域性的在需要的引入即可（路徑填對）

第九步：

在需要的vue頁面使用即可：

最終效果：