从本地文件在Vue中导入插件

Question

我想在项目中添加Vue面板：vue-black-dashboard 在文档中：

  

Vue Black Dashboard是作为Vue插件构建的，因此您只需导入即可   并使用它。

import Vue from 'vue';
import DashboardPlugin from '@/plugins/blackDashboard'
Vue.use(DashboardPlugin);

但是我不知道在哪里粘贴vue-black-dashboard文件夹 我如何将其导入我的项目 谢谢

Answer 1

如果要导入并在local component中使用，只需将其导入component。

<script>
import Vue from 'vue';
import DashboardPlugin from '@/plugins/blackDashboard'
Vue.use(DashboardPlugin);
export default {
}
</script>

如果要导入并在全球使用，只需将其导入main.js。

import Vue from 'vue';
import DashboardPlugin from '@/plugins/blackDashboard'
Vue.use(DashboardPlugin);

Answer 2

您好，谢谢您的回答

import DashboardPlugin from '@/plugins/blackDashboard'

此地址中的@在哪里？ 我想在我的项目的指定路径中使用此模板 当我将其导入main.js

  

未找到此依赖项：

     

  
• @。/ src / main.js中的@ / plugins / blackDashboard
  

     

要安装它，可以运行：npm install --save   @ / plugins / blackDashboard