为什么我的Vue代码是白色的

最新推荐文章于 2024-04-11 11:24:07 发布
最新推荐文章于 2024-04-11 11:24:07 发布
阅读量4.9k 收藏 1
点赞数 1
分类专栏： Vue爬坑之路 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ZYingQii/article/details/107424404
版权

在我昨天刚刚配置好了Vue环境后 今天打算尝试一下 结果却出现了类似如下的问题
在这里插入图片描述我们可以看到图片中的代码都是白色的 没有自动补全功能
然后我是用如下方法解决的
我去商店下载了一个 vetur 版本是0.24.1的
然后问题瞬间得到了解决
在这里插入图片描述

「已注销」
关注
专栏目录
IntelliJ IDEA编辑器配置vue高亮显示
12-13
本文实例为大家分享了IntelliJ IDEA编辑器配置vue高亮显示的具体实现方法，供大家参考，具体内容如下 1.查找IntelliJ IDEA是否已经安装vue.js  注:之前有写过关于使用cmd命令搭建vue项目的全部过程，详情在此 打开IDEA编辑器，快捷键Ctrl+Alt+S打开Settings(设置)——>Plugins——>搜索vue.js（图中已经安装，没有安装的点击Install JetBrains plugins…进行安装即可），安装成功后重启IDEA。 2.IDEA安装好vue.js后，接着Ctrl+Alt+S打开设置——>Editor——>File Types——>
解决vue代码白色
u013023845的博客
01-12 4752
如下所示： 当VUE文件中代码都是白色时，可以通过安装vetur来解决问题
IDEA代码提示消失，代码全部变为白色（已解决）
风不知从何处起的小屋
05-13 1万+
今天使用idea时不知道点了什么，重启IDEA后发现代码提示功能消失，页面的彩色字体效果消失。这样就比较难受了，自己一个字符一个字符的敲代码多少是有点不愉快，效率太低，作为一个追求效率（懒）的程序员，不允许这种情况出现。 这种页面的感觉（太不舒服了） 第一步 清空缓存，重启IDEA 然而没有用 第二步 判断是否因为没设置主题颜色，但是代码提示功能也不能用应该不是这个原因 第三步 是否开启省电模式 通过网上翻了几个博客，发现开启省电模式后，代码提示功能就会关闭，变成最上面图的效果。 关闭省电模式后的效
Vue-解决编写vue项目时.vue文件全是白色字体，还没有提示！！！
m0_72149295的博客
10-17 2027
使用Vetur和Volar插件解决使用VS code 使用Vue进行项目开发时，.vue文件中代码全是白色，并且没有代码提示补全功能的问题
Vue中插入HTML代码的方法
10-17
在Vue.js框架中，插入HTML代码是通过特定的机制实现的，因为出于安全考虑，Vue默认不会解析模板中的HTML字符串。以下将详细介绍四种常见的在Vue中插入HTML代码的方法。 1. **使用`v-html`指令**： `v-html`是Vue...
若依后台代码学习框架 vue版本前后分离
01-22
"若依后台代码学习框架 vue版本前后分离"是一个基于Vue.js技术栈的后台管理系统开发框架。这个框架专门设计用于帮助开发者快速构建现代化的企业级后台应用，实现前后端分离的开发模式，提高开发效率并降低维护成本。...
在Vue 中使用Typescript的示例代码
12-09
在 Vue 中使用 TypeScript 可以提供额外的类型检查和静态分析，从而提高代码质量和可维护性。TypeScript 是 JavaScript 的超集，意味着任何有效的 JavaScript 代码也是有效的 TypeScript 代码。它引入了强类型、接口...
vue从小白到高手项目，讯影资讯代码一
01-02
该资源是vue实战专栏专用项目，是vue实战讲解用到的项目代码，包含css、iconfont、图片，项目框架、登录页面、错误提示页面、项目首页文件。 是vue实战第四天所讲内容，项目是帮助学习的同学更好的理解文章中所将...
vue代码一片白怎么解决
Breath_less的博客
04-02 1039
往下滑动找到HTML 点击即可。
解决vscode里的vue文件代码变白色
热门推荐
monkey7
07-13 1万+
vscode vue代码没有颜色高亮
IDEA 代码 灰色 白色 自动导包不能用 自动提示不能用 不提示
qq_31333217的博客
12-07 1237
绝世大坑留纪念！！！ 今天idea跑项目突然，所有的提示都没了，字体颜色也都是白色，快捷键全都不灵。。。 这个选项 idea的省电模式！！！！！ 关了就好了 如果有用，点个赞呗！ ...
vscode中.vue文件代码是白色的？
qq_26337713的博客
12-17 1万+
点击vscode编辑器中的“方框样式图标”安装vetur插件，就可完美解决
VS Code中VUE代码疯狂爆红，且没有颜色区分(全为白色)
阿土不土的博客
04-11 3423
VS Code中VUE代码疯狂爆红，且没有颜色区分(全为白色)----一招见效
vscode中.vue文件代码是白色解决方法
敲代码的小李同学的博客
07-13 1万+
.vue 文件代码是白色解决办法
vue中打开app.vue组件代码是黑白的解决方案
weixin_48181168的博客
07-05 1353
下载一个vetur插件就可以了
用vs写vue，script标签里 的代码变白，怎么解决？
qq_43893755的博客
04-17 3041
这两天跑服务器，一直报错，很大的一部分原因就是Vue里的部分代码为白色，其他的都可以高亮，唯独那一片！ 我尝试了很多种方法，都不行，今天把vetur相关的都下载了遍，居然好了！！ 下面总结一下我看到的方法： 下载vetur插件【有些人下载一个就好，我就得下载多个~】 改package.json配置 重装Vue 希望能得到解决~ ...
IntelliJ IDEA 中的vue代码是白色
最新发布
09-25
在IntelliJ IDEA中，如果你看到Vue代码显示为白色背景，那可能是因为IDE默认的颜色主题设置没有针对Vue代码着色或者使用的是一种较为简单的配色方案。Vue.js文件通常不会自动有特别的颜色高亮，因为它们本质上是JavaScript的语法，所以大部分情况下会按照JavaScript的标准颜色风格呈现。 你可以通过以下步骤手动调整Vue代码的主题样式： 1. **打开颜色设置**：在菜单栏上选择 `File` > `Settings` (Windows/Linux) 或 `IntelliJ IDEA` > `Preferences` (macOS)，然后转到 `Editor` > `Color Scheme`。 2. **查找Vue相关选项**：在搜索框里输入 "Vue" 或者 "HTML5", 寻找并打开 "HTML" 或 "Vue HTML" 的配色主题。 3. **自定义颜色**：在找到的Vue元素、标签、属性等部分，可以点击右侧的滑块或选择颜色来改变其高亮显示。 4. **保存更改**：完成个性化设置后，记得保存新的颜色方案，以便下次启动IDE时应用。 如果你已经检查过并且还是没有看到预期的效果，也可以考虑安装第三方插件或者尝试更换其他预设的主题看看是否能满足需求。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值