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

相关推荐
千码君20165 分钟前
React Native:快速熟悉react 语法和企业级开发
javascript·react native·react.js·vite·hook
暮之沧蓝2 小时前
Vue总结
前端·javascript·vue.js
木易 士心2 小时前
Promise深度解析:前端异步编程的核心
前端·javascript
excel3 小时前
深入解析 Vue 3 源码:computed 的底层实现原理
前端·javascript·vue.js
zero13_小葵司3 小时前
在Vue项目中构建后端配置的动态路由及权限控制体系
前端·javascript·vue.js
GISer_Jing3 小时前
前端框架篇——Vue&React篇
前端·javascript
子兮曰3 小时前
WebSocket 连接:实现实时双向通信的前端技术
前端·javascript·websocket
小何好运暴富开心幸福5 小时前
C++之再谈类与对象
开发语言·c++·vscode
jump_jump6 小时前
超长定时器 long-timeout
前端·javascript·node.js