VS Code 代码跳转到定义（.js 和 .vue文件跳转）

在日常的开发工作中，我们经常需要跳转到方法或变量的定义处，以便更好地理解和修改代码。VS Code 是目前比较流行的开发工具，然而它默认情况下并不支持这个功能，我们需要手动建立相关文件之间的联系。

通过以下两步建立文件之间的联系：

1. 首先下载一个 Vue Peek 插件，用于 Vue 快速查看组件定义以及组件跳转。

2. 然后在项目根目录下新建 jsconfig.json 文件，内容如下：

   {
     "compilerOptions": {
       "baseUrl": "./",
       "paths": {
         "@/*": ["src/*"]
       }
     },
     "include": ["src/**/*"],
     "exclude": ["node_modules"]
   }
   

   • baseUrl：设置项目的基础路径，即项目根目录。
   • paths：设置模块名到文件夹的映射。这里我们使用了 @/* 作为模块名的前缀，并将其映射到 src/* 文件夹。你可以根据你的项目具体配置来设置别名。

做完上面配置之后，重启 VS Code，即可使用跳转功能。