使用fontawesome在vue项目中搭建图标组件库fontawesome地址 fontawesome vue地址引

引入 Vue Component包 npm install @fortawesome/vue-fontawesome@latest-3
引入SVG Core包 npm install @fortawesome/fontawesome-svg-core
引入 Free Svg Icons包(根据需求,选择安装Svg Icons,不想麻烦的话就全部安装上) npm install @fortawesome/free-solid-svg-icons``npm install @fortawesome/free-regular-svg-icons``npm install @fortawesome/free-brands-svg-icons

安装后检查下依赖是否正确安装:

main.js中引入相关依赖,并注册组件

import { library } from '@fortawesome/fontawesome-svg-core'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
import { fas } from '@fortawesome/free-solid-svg-icons'
library.add(fas)
app.component('font-awesome-icon', FontAwesomeIcon)