让在webStorm/phpstorm 支持vue文件

1.File -> settings -> Plugins 搜索 vue.js ,点击右边的install（因为我已经下载了，所以为uninstall）,安装后，软件重启。

2.File -> settings ->Editor -> File and Code Templates

点击 + ，Name输入：Vue File ，Extension 输入：vue

贴入模板代码如下，后点击 OK：

<template>    
    <div>        
        <header-component/>        
        <div>this is template body</div>        
        <other-component/>    
    </div>
</template>
<style>    
    body{        
        background-color:#ff0000;    
    }</style>
<script type="text/ecmascript-6">    
    import HeaderComponent from './components/header.vue'