解决VScode编写vue 单文件组件各种跳转问题

插件

vue-css-peek
Vue Peek
vue-helper
vue-jumptotag
简单快捷键绑定后可以快速定位到style、template、script标签

改善template跳转

F12类名跳转到定义
F12属性跳转到定义
F12方法跳转到定义

改善script跳转

1. F12相对路径跳转

   
   image.png

2. F12相对路径跳转 绝对路径跳转
   需要在根目录新增jsconfig.json

{
    "compilerOptions": {
        "baseUrl": ".",
        "paths": {
            "@/*": [
                "./src/*"
            ]
        },
        "target": "ES6",
        "module": "commonjs",
        "allowSyntheticDefaultImports": true
    },
    "include": [
        "src/**/*"
    ],
    "exclude": [
        "node_modules"
    ]
}

3. F12 方法、属性、形参可以跳转

视频地址