【解决】webstorm中 ，个别vue文件里面不高亮的问题

今天发现了，有一个webstorm上的问题，就是有个别的vue文件不高亮，这个问题实在困扰着我，博主在找了许多方法之后没解决，本想就忍着就过去了，后来还是继续做开发，看着就很烦，关键是删了文件重新建也解决不了问题！，结果就想办法把它搞定，
如图：

上图所示，还是不仅仅是没变化，而且里面的字体也没有高亮，这在开发者眼中是极其不友好的，经过多翻折腾：
依次操作：
1.打开未识别的文件
2.点击左上角的文件（file）
3.描到File Properties
4.点击Associate with File Type（与文件类型相关联）

然后弹出：

选Vue.js Template 然后确定

完美解决！！！！！

创作不易，需要粉丝！