当Webstorm vue插件安装好后仍无法创建vue component的解决方法

WebStorm当Settings->plugins->vue.js插件安装好，Editor->File Types添加好，File->new中仍然无法新建vue component的处理办法！！

前提
若前两步没有完成则需要先进行前两步操作，若已完成可自行跳转到“重点”内容！
1.安装vue.js插件
2.添加文件类型

重点来啦！！！

若完成以上两步操作后仍然无法新建vue component! 则需要按照下图三个步骤进行操作。

1. Settings->Editor->File and Code Templates
2. Name:Vue Componet | Extention:vue
3. 把模板代码复制进template。
4. Apply | OK，设置之后就可以变成Vue的图标了！

模板代码：

<template>

</template>

<script>
    export default {
        name:"${NAME}"
    }
</script>

<style scoped>

</style>

再次点击New,就可以成功创建啦