vue使用Font Awesome5

1. 安裝基礎依賴

1. $ npm i --save @fortawesome/fontawesome

　　 2. $ npm i --save @fortawesome/vue-fontawesome

2. 安裝樣式依賴

1. $ npm i --save @fortawesome/fontawesome-free-solid
2. $ npm i --save @fortawesome/fontawesome-free-regular

 

　　 3.$ npm i --save @fortawesome/fontawesome-free-brands

 

 

3.全局引入，修改main.js

    import fontawesome from '@fortawesome/fontawesome'
    import {FontAwesomeIcon} from '@fortawesome/vue-fontawesome'
    import solid from '@fortawesome/fontawesome-free-solid'
    import regular from '@fortawesome/fontawesome-free-regular'
    import brands from '@fortawesome/fontawesome-free-brands'
     
    fontawesome.library.add(solid)
    fontawesome.library.add(regular)
    fontawesome.library.add(brands)
     
    Vue.component('font-awesome-icon', FontAwesomeIcon)

 

4.圖標使用

<font-awesome-icon :icon="['fas','angle-down']"/>