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

相关推荐
難釋懷6 分钟前
JavaScript基础-移动端常见特效
开发语言·前端·javascript
还是鼠鼠27 分钟前
Node.js全局生效的中间件
javascript·vscode·中间件·node.js·json·express
自动花钱机42 分钟前
WebUI问题总结
前端·javascript·bootstrap·css3·html5
bst@微胖子1 小时前
Flutter项目之登录注册功能实现
开发语言·javascript·flutter
拉不动的猪1 小时前
简单回顾下pc端与mobile端的适配问题
前端·javascript·面试
苏克贝塔1 小时前
CMake学习--Window下VSCode 中 CMake C++ 代码调试操作方法
c++·vscode·学习
qp1 小时前
21.OpenCV获取图像轮廓信息
javascript·opencv·webpack
烛阴2 小时前
深入浅出:JavaScript ArrayBuffer 的使用与应用
前端·javascript
@PHARAOH3 小时前
WHAT - Electron 系列(一)
前端·javascript·electron
loriloy3 小时前
Electron崩溃问题排查指南
javascript·electron