[Vuejs]-WebStorm Vue directives in HTML highlighting

2👍

There is no special color scheme for Vue.js.
But it looks as if Vue.js support is not enabled for your template anyway – @click is highlighted as syntax error, values appear as simple string literals. Normally this code is highlighted as follows:

enter image description here

i.e. attribute names are shown according to Attribute name preferences (Settings | Editor | Color Scheme | HTML), and values – according to JavaScript preferences for instance member functions/variables (Settings | Editor | Color Scheme | JavaScript)

Hint: you can assign preferred shortcut to Settings | Keymap | Other | Jump to Colors and Fonts and use it to navigate to color settings of element under cursor

👤lena

Leave a comment