【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 文件了

相关推荐
打瞌睡的朱尤9 小时前
Vue day10 完整购物网页(登录页,首页,搜索)
前端·javascript·vue.js
扶苏100210 小时前
深入理解 Vue 3 的 watchEffect
前端·javascript·vue.js
yanlele13 小时前
AI Coding 时代下, 关于你会写代码这件事儿, 还重要吗?
前端·javascript·ai编程
打瞌睡的朱尤13 小时前
Vue day9 购物车,项目,vant组件库,vw,路由
前端·javascript·vue.js
小付同学呀15 小时前
Visual Studio 2026 正式版下载与安装详细教程!
ide·visual studio
念越17 小时前
VS2022安装与第一个C程序编写教程
c++·vscode
cc.ChenLy17 小时前
【CSS进阶】毛玻璃效果与代码解析
前端·javascript·css
西门吹-禅17 小时前
node js 性能处理
开发语言·javascript·ecmascript
一只大侠的侠17 小时前
React Native for OpenHarmony:日期范围选择器实现
javascript·react native·react.js
EstherNi18 小时前
仿照elementui写图片放大的案例,但多加了下载按钮,vue3
javascript·vue.js·elementui