在phpstorm里写vue出现的问题

Question

插件我也装了，html里有这个看着好烦啊 有什么办法解决么

Answer 1

2017.05.08 更新

JetBrains(WebStorm) 现在官方支持 [vue.js] 了。
参见官方博客: WebStorm 2017.1 EAP, 171.2822: Vue support, trailing comma, Dart improvements

只需安装 vue.js 插件即可。

---

DEPRECATED

你还需要装一个 vue-for-idea

装上 vue-for-idea 不是对所有的 vue 标签管用，所以需要设置一下自定义 HTML 标签属性，保证插件没有完善的标签不出现恶心的提示：

建议在箭头所示处加上以下所有:

v-on,v-on:click,v-on:change,v-on:focus,v-on:blur,v-on:keyup,:click,@click,v-model,v-text,v-bind,:disabled,@submit,v-class,:class,v-if,:value,v-for,scoped,@click.prevent,number,:readonly,@input,@click,v-show,v-else,readonly,v-link,:title,:for,tab-index,:name,:id,:checked,transition,@submit.prevent,autocapitalize,autocorrect,slot,v-html,:style

参考 How to integrate WebStorm with Vue.js

Answer 2

解决方法:
在webstrom设置里找到XML，把 Unbound XML namespace prefix的勾去掉
对于不同版本的 WebStorm，这个选项有可能不在同一个位置，如果按这个步骤找不到，就直接搜索 Unbound XML namespace prefix