相关疑难解决方法(0)

让WebStorm了解全局注册了哪些vue组件

如果我在全局注册了一些 vue 组件,我怎样才能让 WebStorm 理解它并帮助我自动完成?我有一些从主 js 文件全局注册的自定义 ui 组件,如下所示:

  const requireComponent = require.context(
    './components',
    true,
    /^\.\/ui-kit\/global\/.*ui-.*\.vue$/
  )

  requireComponent.keys().forEach(function(fileName) {
    let baseComponentConfig = requireComponent(fileName)
    baseComponentConfig = baseComponentConfig.default || baseComponentConfig

    let baseComponentName =
      baseComponentConfig.name ||
      fileName.replace(/^.+\//, '').replace(/\.\w+$/, '')

    Vue.component(baseComponentName, baseComponentConfig)
  })
Run Code Online (Sandbox Code Playgroud)

所以我想使用这样的组件而不需要任何导入。我可以,但唯一的问题是我没有从 WS 识别此类组件。

没有自动完成截图

WebStorm 也将此标签标记为

未知的 html 标签 ui-input

此检查突出显示未知的 HTML 标签,并让将此类标签标记为自定义,以避免将来将它们突出显示为未知

当然,如果我手动导入该组件,WebStorm 的建议就可以正常工作。

webstorm vue.js

5
推荐指数
1
解决办法
3140
查看次数

标签 统计

vue.js ×1

webstorm ×1