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

相关推荐
N***x9976 小时前
vscode配置django环境并创建django项目(全图文操作)
vscode·django·sqlite
helloyangkl6 小时前
前端——不同环境下配置env
前端·javascript·react.js
甜味弥漫6 小时前
JavaScript新手必看系列之预编译
前端·javascript
用户6600676685396 小时前
搞懂作用域链与闭包:JS底层逻辑变简单
前端·javascript
没落英雄7 小时前
简单了解 with
前端·javascript
小小弯_Shelby7 小时前
vue项目源码泄露漏洞修复
前端·javascript·vue.js
小皮虾8 小时前
拒绝卡顿!小程序图片本地“极速”旋转与格式转换,离屏 Canvas 性能调优实战
前端·javascript·微信小程序
汤姆Tom8 小时前
前端转战后端:JavaScript 与 Java 对照学习指南 (第一篇 - 深度进阶版)
java·javascript
瓶子in8 小时前
JavaScript数组去重的多种实现方式
javascript
Cassie燁8 小时前
element-plus源码解读2——vue3组件的ref访问与defineExpose暴露机制
javascript·vue.js