WebStorm无法识别Vue Material Components HTML标记

Question

WebStorm仅识别来自VueMaterial的<md-list-item> HTML标记，其余部分未在弹出窗口中列出，使用后我会收到未知的HTML标记警告。

我的main.js看起来像那样：

import Vue from 'vue'
import VueMaterial from 'vue-material'
import 'vue-material/dist/vue-material.css'
import App from './App'

Vue.config.productionTip = false

/* eslint-disable no-new */
Vue.use(VueMaterial)

new Vue({
  el: '#app',
  template: '<App/>',
  components: { App }
})

我正在使用WebStorm v2017.1.3

Answer 1

我遇到了同样的问题，我升级到WebStorm 2017.3并且现在可以使用了。

Answer 2

看起来自定义标记尚未添加到您接受的html标记列表中。点击代码，然后按Alt + Enter，然后按Add {Custom Tag} to custom html tags

它显示的是检查员试图指示格式错误的标记名称，例如<sapn>而不是<span>，您也可以禁用此检查，但将它们添加到自定义标记列表中即可＃39; s表示你想要的标签，同时允许它继续保护你。

如果检查员遇到问题，您还可以将自定义指令（如v-bind:xxxxxx或:xxxxxx）添加到已接受的属性列表中。