解決phpStorm使用vue提示"Attribute v-xxx is not allowed here"的問題

jetbrains家族的新版webStorm、phpStorm等工具都已支持vue，不須要本身再安裝Vue.js插件，對vue單文件組件支持挺好。
可是在html文件中直接<script>引入的方式使用vue時IDE可能默認不支持vue的代碼提示補全，還會有 "Attribute v-xxx is not allowed here"這樣的提示，以下圖這樣

參考jetbrains的vue.js插件源碼說明裏面這段話：

1. If you’re using IntelliJ IDEA Ultimate, PhpStorm, PyCharm, or RubyMine, install Vue.js plugin in Preferences | Plugins - Install JetBrains plugins.
2. Open your Vue project.
3. Make sure that you have Vue.js library files in your project (for example, in the node_modules folder).

看上面第3條，就是說當前IDE項目裏須要有vue的庫文件，好比在node_modules目錄裏。
咱們分別使用下面兩種方法實現：

1.下載vue源文件，適合本機沒有git，npm，vue-cli環境的
前往github下載 vue源文件， 放到項目目錄裏就能夠了。(若是下載的是zip請先解壓)

2.新建一個vue-cli項目，適合本機有npm, vue-cli環境的
新建一個vue-cli項目, 好比：vue init webpack vue-cli-test,根據提示建立完並npm install完成以後在同一個ide窗口中打開剛剛新建的vue-cli項目便可。

無論哪一種方法目的都是爲了讓當前ide窗口中有vue庫文件，而後問題就解決了，v-xxx屬性不支持的提示已經沒有了，v-for之類的指令裏的js代碼也支持高亮了。

(這裏所謂項目指的只是在phpStorm同一個窗口中打開的多個目錄而已，只要這些目錄中任意一個裏有包含vue的node_modules就能夠，好比我這裏普通項目是html-project, 這個項目裏vue是在html文件中經過<script>直接引入使用的。當前phpStrom裏同時包含的另外一個項目vue-cli-test是vue-cli使用webpack模板新建的一個空項目，這個項目的node_modules裏有vue，有了這個之後html-project項目裏html文件支持vue語法提示了。)