域名策划方案凌哥seo
vscode 代码跳转到定义(.js 和 .vue文件跳转)
在日常的开发工作中,我们经常需要跳转到方法或变量的定义处,以便更好地理解和修改代码。VS Code 是目前比较流行的开发工具,然而它默认情况下并不支持这个功能,我们需要手动建立相关文件之间的联系。
通过以下两步建立文件之间的联系:
-
首先下载一个
Vue Peek
插件,用于 Vue 快速查看组件定义以及组件跳转。 -
然后在项目根目录下新建 jsconfig.json 文件,内容如下:
{"compilerOptions": {"baseUrl": "./","paths": {"@/*": ["src/*"]}},"include": ["src/**/*"],"exclude": ["node_modules"] }
- baseUrl:设置项目的基础路径,即项目根目录。
- paths:设置模块名到文件夹的映射。这里我们使用了 @/* 作为模块名的前缀,并将其映射到 src/* 文件夹。你可以根据你的项目具体配置来设置别名。
做完上面配置之后,重启 VS Code,即可使用跳转功能。