資訊專欄INFORMATION COLUMN
摘要：家族的新版等工具都已支持，不需要自己再安裝插件，對單文件組件支持挺好。當(dāng)前里同時(shí)包含的另一個(gè)項(xiàng)目是使用模板新建的一個(gè)空項(xiàng)目，這個(gè)項(xiàng)目的里有，有了這個(gè)以后項(xiàng)目里文件支持語法提示了。
jetbrains家族的新版webStorm、phpStorm等工具都已支持vue，不需要自己再安裝Vue.js插件，對vue單文件組件支持挺好。
但是在html文件中直接
參考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.新建一個(gè)vue-cli項(xiàng)目，適合本機(jī)有npm, vue-cli環(huán)境的
新建一個(gè)vue-cli項(xiàng)目, 比如：vue init webpack vue-cli-test,根據(jù)提示創(chuàng)建完并npm install完成之后在同一個(gè)ide窗口中打開剛剛新建的vue-cli項(xiàng)目即可。
不管哪種方法目的都是為了讓當(dāng)前ide窗口中有vue庫文件，然后問題就解決了，v-xxx屬性不支持的提示已經(jīng)沒有了，v-for之類的指令里的js代碼也支持高亮了。
(這里所謂項(xiàng)目指的只是在phpStorm同一個(gè)窗口中打開的多個(gè)目錄而已，只要這些目錄中任意一個(gè)里有包含vue的node_modules就可以，比如我這里普通項(xiàng)目是html-project, 這個(gè)項(xiàng)目里vue是在html文件中通過