IDEA安装Vue插件后为什么创建.vue文件不显示vue图标

最新推荐文章于 2024-07-04 11:48:12 发布
原创 最新推荐文章于 2024-07-04 11:48:12 发布 · 1w 阅读 · 14 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍了在IntelliJ IDEA中安装Vue插件后，如何正确配置以显示.vue文件图标。通过调整FileTypes设置，成功解决了大部分初学者遇到的图标不显示问题。

我的IDEA安装Vue插件后，按道理来说，新建一个.vue文件，文件前面应该会有一个"V"一样的图标，然而事实并不是。

百度了一圈，大部分人都是说这样的：

试了一下，并没用。于是乎，我找到了正确答案来帮刚入门Vue的小白填坑：

打开 File--->settings--->Editor--->File Types:

如此，Vue的图标就会显示了~

 

不过呢，话说回来，如果要写前端页面的话，建议使用VScode 或者WebStorm  个人比较青睐VScode

idea创建vue文件没有显示vue图标
小志的博客
09-12 1万+
1、idea创建vue文件没有显示vue图标， 下图是大部分人这样配置的：vue图标不显示 2、正确配置如下： 3、效果图如下：
IDEA中Vue项目中建立xxx.vue页面的标志不对（图标不显示）
li22356的博客
11-25 2388
IDEA中Vue项目中建立xxx.vue页面的标志不对（图标不显示）操作步骤1. 点击setting------》找到Editor2. 把模板的内容建立好并实现。3.完成后建立文件的模板图标不对，继续解决。4.这样就成功的让Vue图标变成正确的图标了。 操作步骤 1. 点击setting------》找到Editor 2. 把模板的内容建立好并实现。 <template> </template> <script> export default { na
vue项目在idea中不显示图标问题
老王玩编程
12-08 2773
目录 1.下载vue.js 2. 重启idea 3.“霸王硬上” 1.下载vue.js 2. 重启idea 3.“霸王硬上” 重启之后就有了 如果还是没有在模板中添加*.vue
关于idea中不显示Vue绿色logo
最新发布
一个小菜鸡罢了
07-04 1016
在idea中打开初始化后的Vue项目时候会出现.vue文件不显示vue图标的问题，文件字体颜色也不对，如图：
idea vue.js插件(2019.3.1)
02-02
亲测 本人IDEA版本2019.3.1 vuejs-193.5662.65.zip File>Setting>plugins>install plugin from disk 选择文件安装完重启即可; 亲测 本人IDEA版本2019.3.1 vuejs-193.5662.65.zip File>Setting>plugins>install ...
idea vuejs插件vue.js-2021.1.21更新的
01-25
idea vuejs插件，做前端开发必备插件vue.js-2021.1.21最新更新的，来源 https://plugins.jetbrains.com/plugin/9442-vue-js/versions
idea插件 vue.js IDEA2017.3亲测可装 无兼容问题
05-10
标题“idea插件 vue.js IDEA2017.3亲测可装 无兼容问题”表明这个插件是为IntelliJ IDEA 2017.3版本设计的，且经过实际测试，与该版本IDE完全兼容。这意味着开发者可以放心地在他们的IDE中安装和使用此插件，而不用...
精选资源
IDEA安装vue插件图文详解
01-19
非常详细的IDEA安装vue插件的方法，供大家参考，具体内容如下 1.idea上面安装vue插件 （到这里idea安装vue插件就好了，接下来我们开始搭建我们后台管理系统） 2.利用vue搭建后台管理系统，这边我们直接用半成品...
idea安装vue插件.pdf
05-08
按照提示操作，确保IDE完全重启后，Vue.js插件就已经成功安装，并且IDE现在应该能识别.vue文件了。 接下来，我们将配置Vue新建文件模板，以提高开发效率： 1. 依然在"Settings"或"Preferences"中，这次点击"Editor...
idea中vue文件图标不显示的问题
chaosas的博客
09-28 2049
idea中vue文件图标不显示的问题首先安装vue.js插件，重启idea按下图设置即可： 首先安装vue.js插件，重启idea 按下图设置即可： settings --> editer --> file types --> 找到 Vue.js Template 模板，在下面新增 *.vue ...
创建vue脚手架 以及 图标不显示的解决
weixin_47628141的博客
04-30 1456
第一步是确保有node.js 然后下载 vue cil 这里犯了一个错误 npm install -g npm 好像是把node更新到最新版本，导致了npm功能不能用了，不匹配 找教程发现 npm uninstall -g npm是卸载最高版本，化解问题了 npm install 一下 然后跟着vue官网下载vue脚手架 npm install -g @vue/cli 下载好以后直接 vue ui 会出现一个web界面，创建工程用的，勾选配置然后生成工程，需要一段时间的 还有一个小问题，谷歌
idea中编辑*.vue文件没有任何提示
热门推荐
Rosen's
02-19 1万+
idea开发java程序使用频次较高，开发前端项目貌似较少，至少我们公司前端开发使用的是vs，如下图，编辑vue文件时，没有任何提示，代码也是清一色的，不太友好。如何在idea中安装vue相关插件呢？ 打开设置中心，选择plugins插件，搜索vue.js并安装。 安装完成后会提示重启，插件重启后生效。 下面这一步比较关键，选择editor–>file types，在上方的recognized file types列表中找到html并选中，点击下方加号，添加*.vue。重点在于要选中上方列表的.
控制台中没有vue
weixin_44628177的博客
05-12 1157
vue有两个文件，一个开发版本（体积大），一个生产版本（体积小） 一般情况下只有用的是min版本的才会出现这种情况，但是这次使用不知道怎么使用开发版本的也没有了vue vue的图标是亮着的，但是控制台就是没有vue 于是我在代码中加了一句，发现可以了 Vue.config.devtools = true; ...
vue中打开app.vue组件代码是黑白的解决方案
weixin_48181168的博客
07-05 1505
下载一个vetur插件就可以了
idea如何解决文件出现问号问题
2301_79745722的博客
04-03 2065
springboot使用时idea出现的小问题
21、解决关于 vue项目中 点击按钮路由多了个问号
weixin_30606461的博客
07-16 289
在vue项目开发过程中，点击按钮结果页面刷新了一遍 后来发现路径变成了 localhost:8080/?#/login 原因： 这里是 form 表单，点击了button 按钮，触发了他的默认事件，就是触发了提交这个行为。 解决方案 使用@click.prevent 阻止默认事件 <button @click.prevent="btnClick">获得...
vue项目中图标显示不出来解决方法
weixin_65243943的博客
02-08 3712
问题背景：在本地环境运行可以正常显示，打包后发给后台不显示。 解决方法： build文件夹中的util.js中，加上publicPath: '../../'，就可以了。
2019IDEA加载了但新建中无法找到VUE组件的问题
jiefang2的博客
10-19 3909
2019IDEA加载了但新建中无法找到VUE组件的问题
评论 4
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值