不能让vue与vue.js一起工作太棒了

我正在使用vue cli(6.3.0)、node(10.8.0)和npm(6.3.0),并使用本教程设置了一个基本项目 Build your first vue.js components 我是来加上武威的

$npm安装

我可以看到,vue awesome已经添加到package.json中

我有一个componets/rating.vue文件

<template>
  <div>
   <ul>
     <li><icon name="star"/></li>
     <li><icon name="star"/></li>
     <li><icon name="star"/></li>
     <li><icon name="star-o"/></li>
     <li><icon name="star-o"/></li>
   </ul>
   <span>3 of 5</span>
 </div>
</template>

<script>
import 'vue-awesome/icons/star'
 import 'vue-awesome/icons/star-o'

 import Icon from 'vue-awesome/components/Icon'

 export default {
   components: { Icon }
 }
</script>

import Vue from 'vue'
import App from './App'
import router from './router'
import Rating from './components/Rating'
Vue.config.productionTip = false
new Vue({
  el: '#app',
  router,
  template: '<Rating/>',
  components: {
    Rating
  }
})

npm运行开发

给我这个错误,

编译错误失败,出现1个错误

未找到此依赖项:

• vue awesome/icons/star-o in./node_modules/babel loader/lib!。/node_modules/vue loader/lib/selector.js?type=script&index=0!。/src/组件/额定值.vue

vue真棒/图标/明星-o

所以我运行了$npm安装——save vue awesome/icons/star-o

这给了我

npm错误!代码ENOLOCAL npm ERR!无法从安装

npm错误!此运行的完整日志可以在:npm ERR!
/用户/shanegibney/.npm/_logs/2018-08-15T18_18_10_343Z-debug.log

谢谢