vscode打开vue出现红黄线问题

已于 2022-10-17 11:27:30 修改
阅读量1k 收藏 3
点赞数 1
分类专栏： # vue报错 文章标签： vue.js vscode 前端
于 2022-05-06 09:33:14 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/NITIQ/article/details/124602906
版权
在使用VSCode编辑Vue项目时遇到代码出现红色波浪线的问题，可以通过关闭vetur的特定快捷键设置和禁用eslint来解决。步骤包括在设置中搜索vetur关闭快捷键，同时关闭eslint，然后重启VSCode。如果问题依然存在，考虑卸载可能引起冲突的插件。

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

从新的vscode打开vue出现红色波浪线

image-20220506092449118

在设置中搜vetur 关闭以下三个 快捷键ctrl + ,

image-20220506092627382

同时在关掉eslint

image-20220506093127413
关闭vscode重新打开即可
如果还是爆红，请查看一下你的vscode插件，将它卸载掉
在这里插入图片描述

Cesium 2 ，在Vue项目中使用Cesium加载规定区域，实现高亮效果
weixin_65793170的博客
07-09 1706
⭐我们都知道Cesium 是一个强大的开源 JavaScript 库，用于在网页上创建交互式的3D地球和2D地图。它支持多种数据格式和来源，允许开发者加载各种类型的空间信息，包括影像、地形、矢量数据等。这里分享记录，如何将Cesium在本地运行，并加载规定区域高亮效果。并且让项目在本地运行，这样我们引用和查看Cesium的文件和API，会更加方便。
vue3+ts项目在vscode中爆红提示修复
不疲不倦的博客
05-29 8376
新搭建的vue3+ts项目，在vscode中打开，已经安装的的依赖文件也会提示红线
VS Code中VUE代码疯狂爆红，且没有颜色区分(全为白色)
阿土不土的博客
04-11 4477
VS Code中VUE代码疯狂爆红，且没有颜色区分(全为白色)----一招见效
eslint报错文档大量红色报错符号 不自动修正_vscode eslint检测错误标红
最新发布
2501_90254378的博客
02-04 268
控制台大量报错信息。
vue3语法中使用vscode打开，满屏红线报错，解决方法
jieyucx的博客
12-28 1万+
vue3语法中使用vscode打开，满屏红线报错，解决方法
vscode的vue中出现很多红色波浪线解决办法
SqlloveSyn的博客
02-12 3016
vscode的vue中出现很多红色波浪线解决办法。1.严格遵循vetur的格式去写，不过麻烦。2.关闭vetur的格式检测。出现这个的原因是代码和。
vscode的vue中出现很多红色波浪线解决办法（完美解决！！！）
qq_52889347的博客
04-23 2983
vscode的vue中出现很多红色波浪线解决办法（完美解决！！！）
【Vue】高级系列（二）配置Vue脚手架-npm方法-vscode配置-vue.config.js-项目打包与发布-ESlint使用
YK菌的博客
01-30 2735
学习使用vue-cli Vue官方提供的脚手架工具
Vue环境搭建并创建项目(内含搭建过程中大部分错误的解决办法，亲测有效！！)
qq_52367032的博客
07-23 1686
Vue框架环境搭建+项目创建，覆盖了搭建环境中大部分可能遇到的问题，踩过的坑都在里面了，亲测有效！！
【若依框架】代码生成详细教程，15分钟搭建Springboot+Vue3前后端分离项目，基于Mysql8数据库和Redis5，管理后台前端基于Vue3和Element Plus，开发小程序数据后台
热门推荐
编程小石头
06-25 8万+
今天我们来借助若依来快速的搭建一个基于springboot的Java管理后台，后台网页使用vue3和 Element Plus来快速搭建。
vite+vue3如何配置ESLint与prettier？
小王的技术库
09-29 9761
t检查会报错，所以修改完成prettier配置文件建议重启一下VsCode，保证eslint检查同步更新。> 后期我们会结合项目使用过程遇到的代码检查问题不断调整eslint`的配置项，所以以上配置只是初步的配置文件，查看完整的配置文件，请访问项目中的配置文件。最近找到一个VUE的文档，它将VUE的各个知识点进行了总结，整理成了《Vue 开发必须知道的36个技巧》。内容比较详实，对各个知识点的讲解也十分到位。有需要的小伙伴，可以点击下方卡片领取，无偿分享。
《VUE》VSCode编写vue项目文件出现红色波浪线
qq_42660374的博客
03-14 2844
在我们创建项目的时候，把eslint语法检查给装上，在使用vscode编写代码的时候，打个空格或者换行，编辑器就出现红色波浪线提示错误，这就真的有点恶心了，在网上也找了很多方法，都没有解决到根本问题，索性就自己去设置，试了半天，总算是成功解决，现在分享给大家。js文件中，在网上看到有很多人说用 "vetur.validation.template": false ，我在这里说一下，这个方法不行的，这条设置处理组件模板有用，但是处理js文件是没有任何作用的，现在告诉大家解决方法。
解决Vscode打开原有的Vue项目爆红问题
qq_45957896的博客
09-23 2304
有一天打开自己写过的项目后，本来在data中有声明的变量，但是代码确报错，于是上网查了一下资料，找了好多都没有找到，最后找到了解决方法，希望下面的方法能够帮助到你。2、找到Vue Language Features (Volar)插件，点击禁用，然后重启Vscode，这个方法只是我遇到问题的一个解决方法，如果不能解决，就再看一下其他博主的解决方法。1、 打开拓展管理工具。
关于vue3项目中代码出现红色波浪线的问题
upStar1的博客
08-17 1900
因为是导入的jeecg项目，打开了eslint，所以有很多地方代码的写法不一样，之前是在vue.config.js文件中，加上lintOnSave: false就可以避免报错。现在设置了false，代码不规范的地方还是会有红色波浪线。最近换电脑改成了vue3，导致代码规则有些地方和之前不一样。可以打开文件-首选项-设置，搜索eslint。然后把两个打勾的地方取消就可以了。...
vue3没有语法错误但一直有红色波浪线报错，以及解决eslint黄色警告
m0_59492266的博客
07-27 4582
vue3没有语法错误但一直有红色波浪线报错，命令框一直有eslint语法不规范警告，
vscode 处理vue红色波浪线
虬川候的博客
07-01 651
问题 原因 vetur插件 解决
VSCode vue项目文件出现红色波浪线解决方法
Sometimes_Ymc的博客
04-02 4482
进入设置：文件 > 首选项 > 设置 第一种（JavaScript文件中出现的情况）： //设置中搜索 eslint.enable //然后把值设为false 或者 去掉前面的 √ 第二种（组件模板中出现，比如v-for循环上面）： //在设置中搜索 vetur.validation.template //把它的值改成false就可以，注意：这里修改了设置...
vscode存在的黄色波浪线的问题
weixin_45049297的博客
03-06 1057
鼠标放在黄色波浪线 然后点击快速修复就可以。
VS CODE关闭 错误提示(红色波浪线) 终极版
qq_61066393的博客
07-15 5429
VSCODE如何清除红色波浪线 然后选择关联语言设置 选择纯文本 1000%成功 然后不显示了
vscode打开vue
01-04
### 如何在 VSCode 中打开 Vue 项目 #### 安装必要的扩展 为了更好地支持 Vue 开发，在 VSCode 中建议安装 Vetur 插件，这是一款提供 Vue 代码高亮显示等功能的工具[^1]。 #### 配置 VSCode 工作环境 完成插件安装之后，需进一步配置工作环境以优化开发体验。通过点击文件->首选项->设置来访问设置界面，并在此处添加特定配置。具体操作为点击“在 settings.json 中编辑”，随后输入如下 Vetur 文档代码： ```json { "emmet.syntaxProfiles": { "vue-html": "html", "vue": "html" } } ``` 上述配置有助于提高编写 Vue 文件时的效率和准确性。 #### 解决潜在问题 当遇到 JavaScript 文件中出现黄色波浪线提示的情况时，可能是由于缺少分号或其他编码标准不一致引起的问题。如果是因为未加上的分号而产生的警告，则可以通过安装 `jshint` 来解决这个问题。对于没有安装该包的情况下，可以在命令行终端执行以下指令来进行全局安装：`npm install -g jshint`；接着返回 JS 文件查看是否解决了每行代码后的分号警告[^3]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

周粥粥ya

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值