vscode编写vue单文件组件报红(出现很多红色的波浪线)解决方法

首先,我们遇到问题不要慌,困难总比办法多,搞错了,办法总比困难多。

  • 输入"<v" 回车后,出现下面这种下面这种情况。
    请添加图片描述
  • 这里有个最呆的方法,不嫌自己呆可以用这个就可以解决问题
  • 将编辑器下方的语言模式(肉眼可见,当前为Vue)设置为HTML就恢复正常不飘红了。
    请添加图片描述
    请添加图片描述
  • 回正题了,咱不走歪道儿,正儿八经的把问题给解决咯,走着。
    请添加图片描述
  • 如图所示,按着步骤来,继续走着。
    请添加图片描述
    请添加图片描述
  • 找到上图中仨哥们,给他们的勾全给取消掉了,好嘞。
  • 关掉设置,重启一下vscode就可以继续快乐了。

注:前提是要已经安装好vetur插件了噢

  • 21
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
Vue3.x项目中,出现红色波浪线问题通常有几种情况。首先,可能是由于引入错误,即当前引入的组件或API不存在。其次,即使组件和API存在正常,也可能出现红色波浪线。这种情况通常是由eslint引起的。你可以在VSCode中关闭eslint校验来解决这个问题。此外,还有一种情况是你的项目必须是独立存在于一个VSCode中,不允许有叠加项目。否则,编译器可能会将其解析成其他版本,导致不识别Vue3语法的问题,从而出现红色波浪线。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [vue3.x项目中,出现红色波浪线问题](https://blog.csdn.net/weixin_44759289/article/details/123230845)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [Vscode打开vue文件出现红色波浪线解决方案:](https://blog.csdn.net/weixin_51614564/article/details/125516354)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值