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

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

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

• https://vuejs.org/guide/typescript/overview.html#definecomponent