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

插件

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

改善template跳转

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

改善script跳转

F12相对路径跳转

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

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

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

视频地址

作者：小遁哥
链接：https://www.jianshu.com/p/911f6a063175
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。