vue-cli 如何使用vue-awesome？

import Vue from ‘vue‘
import App from ‘./App‘
import router from ‘./router‘

// 引入vue-awesome
import Icon from ‘vue-awesome/components/Icon‘
import ‘vue-awesome/icons/index.js‘

// 全局注册
Vue.component(‘icon‘, Icon)
Vue.config.productionTip = false

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

<template>
  <div id="nav">
    <div class="left">
      <img src="../assets/logo.png" >
      <ul>
        <li>
          <icon name="home"></icon>
          home</li>
        <li>details</li>
      </ul>
    </div>
    <div class="right">
      <ul>
        <li>hello</li>
        <li>worldl</li>
      </ul>
    </div>
    {{msg}}
  </div>
</template>

<script>
export default {
  name: ‘navbar‘,
  data () {
    return {
      msg: ‘Welcome to Your Vue.js App‘
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>