码迷,mamicode.com
首页 > 其他好文 > 详细

vue 使用font-awesome 只需两步

时间:2019-04-18 15:31:05      阅读:224      评论:0      收藏:0      [点我收藏+]

标签:-bash   cti   new   exp   product   func   term   save   als   

1.npm 安装font-awesome 以及需要的所有依赖 

npm i --save @fortawesome/fontawesome-svg-core 
  npm i --save @fortawesome/free-solid-svg-icons 
  npm i --save @fortawesome/vue-fontawesome

2.在入口文件main.js里面引入相关的样式

import Vue from ‘vue‘
import App from ‘./App‘
import { library } from ‘@fortawesome/fontawesome-svg-core‘
import { faCoffee } from ‘@fortawesome/free-solid-svg-icons‘
import { FontAwesomeIcon } from ‘@fortawesome/vue-fontawesome‘

library.add(faCoffee)

Vue.component(‘font-awesome-icon‘, FontAwesomeIcon)

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  el: ‘#app‘,
  components: { App },
  template: ‘<App/>‘
})

  

  

如此,就可以愉快的使用了。

  <div id="app">
    <font-awesome-icon icon="coffee" />
  </div>
</template>

<script>
export default {
  name: ‘App‘
}
</script>

  

vue 使用font-awesome 只需两步

标签:-bash   cti   new   exp   product   func   term   save   als   

原文地址:https://www.cnblogs.com/mmykdbc/p/10729363.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!