2017-05-18 4 views
1

WebStorm nur erkennen <md-list-item> HTML-Tag von VueMaterial, der Rest ist nicht im Pop-up aufgelistet und nach der Verwendung bekomme ich unbekannte HTML-Tag-Warnung. WebStorm erkennt keine Vue-Materialkomponenten HTML-Tags

WebStorm VueMaterial HTML tag

meine main.js sieht wie folgt aus:

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 } 
}) 

I WebStorm v2017.1.3 bin mit

+0

Welche Version von WebStorm verwenden Sie? Es gibt nur vue-Unterstützung von 2017.1 –

+0

Bearbeitet - 2017.1.3 – lol2x

+0

Haben Sie das Verzeichnis node_modules in den WebStorm-Einstellungen ausgeschlossen? Ich denke, Webstorm schaut nicht auf souce vue-material –

Antwort

0

wie die benutzerdefinierten Tags Sieht nicht zu Ihrem akzeptiert html hinzugefügt Tag-Liste. klicken Sie auf die Tags und drücken Alt + Enter und dann Add {Custom Tag} to custom html tags

Was es zeigt der Inspektor ist versucht malformed Tag-Namen, um anzuzeigen, wie <sapn> statt <span>, können Sie diese Prüfung auch deaktivieren, aber sie auf die benutzerdefinierte Tag-Liste hinzufügen Lassen Sie uns die gewünschten Tags angeben, während Sie sie weiterhin schützen können.

Sie können auch benutzerdefinierte Anweisungen wie v-bind:xxxxxx oder :xxxxxx zu einer Liste akzeptierter Eigenschaften hinzufügen, wenn der Inspector ein Problem damit hat.

+1

Das ist der Fall mit webstorm <2017 jetzt sollte es mit vue tags funktionieren out of the box, und es ist, aber es gibt Probleme für Vue-Material – lol2x

2

Ich hatte das gleiche Problem, habe ein Upgrade auf WebStorm 2017.3 und es funktioniert jetzt.