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插件源码说明里面这段话：

    If you’re using IntelliJ IDEA Ultimate, PhpStorm, PyCharm, or RubyMine, install Vue.js plugin in Preferences | Plugins - Install JetBrains plugins.

    Open your Vue project.

    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语法提示。）