在IDEA中安装vue插件全过程

在IDEA中安装vue插件

方法一

setting–>Plugins

直接搜索vue，但有些情况会搜索不出来，先说搜索到的情况

搜索到了后点击Install安装即可，

但即使搜索成功了，也不一定能安装成功，也有可能出现以下画面：

如果一切顺利，那恭喜你，如果和我一样出现问题，那用方法二：

先到官网下载插件，记得根据自己Idea的版本下载对应的插件

插件下载地址

下载完成后将解压后的文件安装到自己的IDEA安装目录下的plugins文件夹中

然后打开IDEA

setting–>Plugins

点击安装本地磁盘的里的插件选项

找到刚刚复制的文件夹，找到里面的vuejs文件，其他版本的没试过，不知道名字是不是一样，大概道理一样就行

点击安装好后会出现一个ReStart按钮，点击重启IDEA,

但还没完

新建一个App.vue文件

发现并未显示vue的官方log，还需进行设置

setting–>Editor–>File Types 找到vue模板

点右边的+号添加 *.vue

点击完成退出，图标就已经正常显示了

同时为了以后更好的使用（懒），将vue加入到创建文件选项栏中，可以在模板选项中为vue添加上模板

模板：

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

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

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

创建一个test文件

总结

完美！

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。