Vue.js漂亮的复选框Vue安装并运行它

Question

我完全是JavaScript和Vue.js的初学者。昨天我用Vue-cli启动了一个Vue.js项目，因为我的工作需要它，但我遇到了一些问题。我想安装"；漂亮的复选框vue"；它目前在我的"node_module"文件夹中
在这个软件包的Gitrepo的README.md中，它说：

浏览器
包括脚本文件，然后使用Vue.use(PrettyCheckbox(安装组件；例如：

<script type="text/javascript" src="node_modules/pretty-checkbox-vue/dist/pretty-checkbox-vue.min.js"></script>
<script type="text/javascript">
Vue.use(PrettyCheckbox);
</script>

模块

import PrettyCheckbox from 'pretty-checkbox-vue';
Vue.use(PrettyCheckbox);

问题是：
我将这些代码片段放在哪里\

我有一个main.js和App.vue。如果我在main.js中写CCD_ 1；找不到模块"漂亮复选框"的声明文件；消息

由于我没有包含脚本文件，所以此消息正常吗

提前谢谢！

编辑：

main.js:

import Vue from 'vue'
import App from './App.vue'

import PrettyCheckbox from 'pretty-checkbox-vue';
Vue.use(PrettyCheckbox);
Vue.config.productionTip = false
new Vue({
render: h => h(App),
}).$mount('#app')

文件夹结构

• 项目文件夹
  • 节点模块
    • 漂亮复选框
    • 漂亮的复选框vue
  • src
    • main.js
    • 应用.vue
  • 公众
    • index.html

Answer 1

如果您计划在应用程序中全局使用该组件，并且您是初学者，我建议您将其作为模块安装。首先，在项目文件夹中运行npm i --save-dev pretty-checkbox-vue。确保您已将包安装在项目目录中，因此pretty-checkbox-vue实际上位于具有所有其他项目依赖项的特定项目的node_modules文件夹中，而不仅仅是其他位置的随机文件夹。

然后只需粘贴此代码

import PrettyCheckbox from 'pretty-checkbox-vue';
Vue.use(PrettyCheckbox);

在main.js中

在代码的其余部分开始之前，请确保所有导入都在那里。

安装完成后，只需按照说明进行操作，并在整个项目的任何模板中使用该组件。

如果您在开发模式中遇到错误，请在项目中尝试npm install，然后再次尝试npm run serve。