站長資訊網(wǎng)下面由phpstorm教程欄目給大家介紹解決phpStorm使用vue提示"Attribute v-xxx is not allowed here"的方法，希望對需要的朋友有所幫助！
解決phpStorm使用vue提示"Attribute v-xxx is not allowed here"的問題
jetbrains家族的新版webStorm、phpStorm等工具都已支持vue，不需要自己再安裝Vue.js插件，對vue單文件組件支持挺好。
但是在html文件中直接<script>引入的方式使用vue時IDE可能默認(rèn)不支持vue的代碼提示補(bǔ)全，還會有 "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條，就是說當(dāng)前IDE項(xiàng)目里需要有vue的庫文件，比如在node_modules目錄里。
我們分別使用下面兩種方法實(shí)現(xiàn)：
1.下載vue源文件，適合本機(jī)沒有g(shù)it，npm，vue-cli環(huán)境的
前往github下載vue源文件， 放到項(xiàng)目目錄里就可以了。(如果下載的是zip請先解壓)2.新建一個vue-cli項(xiàng)目，適合本機(jī)有npm, vue-cli環(huán)境的
新建一個vue-cli項(xiàng)目, 比如：vue init webpack vue-cli-test,根據(jù)提示創(chuàng)建完并npm install完成之后在同一個ide窗口中打開剛剛新建的vue-cli項(xiàng)目即可。
不管哪種方法目的都是為了讓當(dāng)前ide窗口中有vue庫文件，然后問題就解決了，v-xxx屬性不支持的提示已經(jīng)沒有了，v-for之類的指令里的js代碼也支持高亮了。
(這里所謂項(xiàng)目指的只是在phpStorm同一個窗口中打開的多個目錄而已，只要這些目錄中任意一個里有包含vue的node_modules就可以，比如我這里普通項(xiàng)目是html-project, 這個項(xiàng)目里vue是在html文件中通過<script>直接引入使用的。當(dāng)前phpStrom里同時包含的另一個項(xiàng)目vue-cli-test是vue-cli使用webpack模板新建的一個空項(xiàng)目，這個項(xiàng)目的node_modules里有vue，有了這個以后html-project項(xiàng)目里html文件支持vue語法提示了。)
