vscode写vue用F12无法跳转到函数定义 提示未找到任何定义 解决方法

Question

如题所述

Answer 1

在使用VSCode编写Vue项目时，随着需求增加，对函数的修改和查找变得越来越重要。原本期望通过快捷键F12实现函数定义的跳转，但问题接踵而至，尝试了点击右键菜单的"Go to Definition"后，却收到"未找到任何定义"的提示，让人有些困惑。

在寻求解决方案的过程中，网络上推荐的vue-helper插件引起了注意。这个插件不仅支持Vue函数的跳转，还集成了Element-UI、VUX、IView等常用UI组件的标签提示、属性查看功能，鼠标悬停即可查看文档，组件标签可直接跳转，甚至提供了rem和px转换等实用功能，看起来非常实用。

然而，在尝试安装时，遇到了兼容性问题，提示找不到与当前代码版本匹配的vue-helper版本。检查后发现，自己的VSCode版本竟是2017年的，这显然已经过时。为了解决问题，决定更新到最新版的VSCode，然后重新安装vue-helper插件。

经过一番调整，终于解决了这个问题，现在可以愉快地继续编写代码了。