在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公共组件，以一个数字键盘组件为例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-10-10
vue3+ts+elementui-plus二次封装弹框实战教程
这篇文章主要介绍了vue3+ts+elementui-plus二次封装弹框实战教程,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-07-07
这篇文章主要介绍了vue router组件状态刷新消失的问题,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下2018-08-08
uni-aap提供了异步(uni.getSystemInfo)和同步(uni.getSystemInfoSync)的2个API获取系统信息，这篇文章主要介绍了uni-app获取当前环境信息的相关知识,需要的朋友可以参考下2022-11-11
本篇文章主要介绍了在基于vue-cli的项目自定义打包环境，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-11-11
解决vue props传Array/Object类型值,子组件报错的情况
这篇文章主要介绍了解决vue props传Array/Object类型值,子组件报错的情况，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11
这篇文章主要介绍了vue js格式化数字为金额格式代码，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
$once是一个函数,可以为Vue组件实例绑定一个自定义事件,但该事件只能被触发一次,触发之后随即被移除,下面这篇文章主要给大家介绍了关于Vue中$once的两个实用小技巧,需要的朋友可以参考下2022-04-04
这篇文章主要为大家详细介绍了vue实现卡片翻转轮播展示，同时在翻转时切换数据，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-01-01
这篇文章主要介绍了vue3没有this的解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-07-07
最新评论