0

我有自定义 Vue 组件，并想使用 Vetur 的智能感知功能来建议和显示其支持的道具。

我按照Vetur 官方文档local-project中的步骤操作，当我的自定义组件和 vetur JSON 文件与我的实际项目位于同一项目文件夹中时（例如，让我们调用它），我能够使其工作。但是我有一个单独的 node_module 包含几个自定义 Vue 组件，称为custom-components模块。

还要补充node_modules一点，我们不在项目文件夹中 - 因为它在几个项目之间共享，所以它被放置在一个更根的位置。

所以在这个模块上：custom-components. 我以这种方式导出 Vue 文件：

import ImportFolder from './file-handlers/import-folder.vue'
export {
  ImportFolder
}

然后在我修改custom-componentspackage.json 以及配置vetur/tags.json和vetur/attributes.json.

然后在我的项目（local-project）中使用它，如下所示：

<template>
  <!-- Intellisense doesnt work for ImportFolder here -->
  <ImportFolder :propsGoHere="someValue">
</template>

import { ImportFolder } from 'custom-components'

<script>
export default {
  component: {
     ImportFolder
  }
}
</script>

我还尝试执行以下操作，但没有任何效果：

  1. 更新local-project为具有相同的tags.json，attributes.json并更新package.json为指向那些本地文件。
  2. 更新local-project'package.json以指向我custom-components的 ' json 文件：
  "vetur": {
    "tags": "~custom-components/vetur/tags.json",
    "attributes": "~custom-components/vetur/attributes.json"
  },

帮助！谢谢

4

0 回答 0