关于 idea 安装 Vue 插件后新建文件不显示 Vue Component 的问题及解决方法

陈仙生

于 2020-05-21 19:53:31 发布

阅读量5.6k

点赞数 83

分类专栏： vue 文章标签： vue.js vue java

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/qq_45745643/article/details/106266270

版权

vue 专栏收录该内容

11 篇文章

订阅专栏

本文详细介绍了在IDEA中安装Vue插件后，如何通过修改设置来新增VueComponent文件模板，从而方便地创建Vue单文件组件。步骤包括：进入设置界面，找到并复制Vuesinglefilecomponent模板，将其重命名为VueComponent，并删除不必要的“COMPONENT_”前缀。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

关于 idea 安装 Vue 插件后新建文件不显示 Vue Component 的问题及解决方法

1.点击 file 打开设置 settings，展开 Editor 找到 file and code templates
在这里插入图片描述

2.找到 Vue single file component 并选中它，然后点击copy
在这里插入图片描述
3.复制后底部出现了一个新的文件

4.把 Name 改成 Vue Component，然后把代码里的 “COMPONENT_ ”删掉，最后点 ok 就完事了

然后我们再新建一个文件的时候就可以看到有 Vue Component 选项了！

第一次尝试写博客，表述不清请见谅哈！

评论 31

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。