【Vue.js】vue2 项目在 Vscode 中使用 Ctrl + 鼠标左键跳转 @ 别名导入的 js 文件和 .vue 文件

js 文件跳转

需要安装插件 Vetur

然后需要我们在项目根目录下添加 jsconfig.json 配置,至于配置的作用,可以参考我的另外一篇博客:

【React 】react 创建项目配置 jsconfig.json 的作用

它主要用于配置 JavaScript 或 TypeScript 项目的根目录和其他一些选项,以帮助编辑器(如 VS Code)更好地理解项目的结构和提供智能提示

json 复制代码
{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/*": [
        "./src/*"
      ],
    }
  }
}

.vue 文件跳转

需要我们安装下面这个插件

之后在项目里面就可以使用 ctrl + 鼠标左键跳转 .vue 文件了

相关推荐
猫头虎4 小时前
macOS 双开/多开微信WeChat完整教程(支持 4.X 及以上版本)
java·vscode·macos·微信·编辑器·mac·脚本
二哈喇子!7 小时前
BOM模型
开发语言·前端·javascript·bom
二哈喇子!7 小时前
Vue2 监听器 watcher
前端·javascript·vue.js
C++ 老炮儿的技术栈7 小时前
在C++ 程序中调用被 C编译器编译后的函数,为什么要加 extern “C”声明?
c语言·c++·windows·git·vscode·visual studio
jaray7 小时前
PyCharm 2024.3.2 Professional 如何更换 PyPI 镜像源
ide·python·pycharm·pypi 镜像源
摘星编程8 小时前
在OpenHarmony上用React Native:ActionSheet确认删除
javascript·react native·react.js
2501_944521598 小时前
Flutter for OpenHarmony 微动漫App实战:推荐动漫实现
android·开发语言·前端·javascript·flutter·ecmascript
Amumu121389 小时前
Vue核心(三)
前端·javascript·vue.js
Irene199110 小时前
JavaScript中,为什么需要手动清理事件
javascript·手动清理事件监听器
摘星编程10 小时前
OpenHarmony环境下React Native:Zustand持久化存储
javascript·react native·react.js