idea中的vue文件为灰色，如何解决，以及手动设置vue模板

1.首先需要在idea中安装vue插件：File->Settings->Plugins

中间点第三步时会弹出提示框，选择Restart，后继续进行后面的步骤4，5，必须先Apply后Ok,后继续重启。

注意：若在第2步并未搜索到vue.js，可以去https://plugins.jetbrains.com/plugin/9442-vue-js

下载与自己的idea的版本以及发行日期相近的vue.js(以防后期出现一些未知错误）【在idea中可以通过Help->About查看自己idea的版本号】

 

 2.File->Settings->Editor

在第4步时输入*.vue在点击两次ok即可 ，至此你的vue文件应该变成了官网logo

3.为了以后可以快速创建一个vue文件 ，你可以File->Settings->Editor

第3步输入Vue File(可以自己起名）；第4步输入vue ；第5步粘贴下面vue模板

<template>
    <div>
        {{msg}}
    </div>
</template>

<!--加上scoped能够防止样式之间的冲突-->
<style scoped>
    body {
        background-color: #ff0000;
    }
</style>

<script>
export default {
  data () {
    return { msg: '这个是Vue模板页' }
  }
}
</script>

 点击ok即可