idea如何配置vue,idea使用vue插件

2022年 10月 19日 发表评论
腾讯云正在大促:点击直达 阿里云超级红包:点击领取
免费/便宜/高性价比服务器汇总入口(已更新):点击这里了解

方法一:
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文件

完美!

小咸鱼

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: