在IDEA中安装vue插件全过程
更新时间：2024年04月24日 09:13:21 作者：it界的哈士奇
这篇文章主要介绍了在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文件
总结
完美！
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了vue-mounted中如何处理data数据方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
本文主要介绍了Element的Pagination分页sync问题小结，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-07-07
这篇文章主要介绍了vue利用axios来完成数据的交互,本文通过实例代码给大家讲解数据交互方法及安装方法,需要的朋友可以参考下2018-03-03
这篇文章主要介绍了构建Vue大型应用的10个最佳实践(小结),文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-11-11
今天小编就为大家分享一篇Vue filter格式化时间戳时间成标准日期格式的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
在业务系统中,Excel 文件作为一种常用的数据存储和传输格式,经常需要被处理和展示,这篇文章将讲解如何通过 Vue 和 xlsx.js 实现 Excel 文件的上传和预览功能,需要的朋友可以参考下2025-04-04
这篇文章主要介绍了vue常见的事件修饰符,在平时无论是面试还是学习工作中都会经常遇到的,本文就带你快速上手,需要的朋友可以参考下2023-03-03
vue3+ts+EsLint+Prettier规范代码的方法实现
本文主要介绍在Vue3中使用TypeScript做开发时，如何安装与配置EsLint和Prettier，以提高编码规范。感兴趣的可以了解一下2021-10-10
这篇文章主要介绍了详解Vue3中对VDOM的改进，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-04-04
这篇文章主要为大家详细介绍了vue实现文字滚动效果，公告滚动播放，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-04-04
最新评论