VScode编辑中关于突然出现vue组件定义位置的白色嵌入提示信息及消除办法

发布于:2023-04-29 ⋅ 阅读:(1043) ⋅ 点赞:(0)

Describe the bug

在使用vscode编辑器学习vue过程中,突然发现vue组件定义的区域出现白色的提示信息,影响代码编写。

To Reproduce

Steps to reproduce the behavior:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

Expected behavior

希望不显示这个信息

Screenshots

image

Environment / Version (please complete the following information):

  • OS : windows10
  • git : git version 2.30.0.windows.2
  • node: v18.15.0
  • npm: 9.5.0

Solution

通过鼠标移入到该 提示信息上方,借助 VScode 的语法提示功能,找到了隐藏的方法

  1. 设置 ➞ 输入 vue.inlay
  2. 在筛选出的结果中,取消勾选 Vue > Inlay Hints : Options Wrapper选项。

Additional context

之前还好好的,突然变成这样,也未曾更新 VScode ,所以不是版本更新的问题。

Reference

Similar questions

Further reading