一、初始效果
默認的vue文件，在IDEA中編輯起來和在記事本中沒啥差別，沒有顏色區分，沒有自動補全。
二、設置方法
1、安裝vue.js插件：
（1）搜索vue.js插件進行安裝：
File->Settings->Plugins:
重啟IDEA使其生效。
（2）配置vue文件模板：
File->Settings->File Types->HTML：
添加后綴名*.vue，配置完成。
2、修改vue文件為html格式使用：
（1）進入配置頁面:
將vue配置為html文件格式無需安裝vue.js插件，直接在html模板中配置。
同樣是File->Settings->File Types->HTML，配置過程參照上文。可以看到在HTML下面顯示了一些后綴名，即這些后綴名的格式文件都是按照HTML文件進行處理。
（2）添加.vue后綴名：
點擊右側的+號，輸入*.vue，完成添加。
三、查看效果
這樣就好多了。