美文网首页Web前端之路优美编程vue
解决VScode编写vue 单文件组件各种跳转问题

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

作者: 小遁哥 | 来源:发表于2019-12-05 18:18 被阅读0次

    插件

    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"
        ]
    }
    
    1. F12 方法、属性、形参可以跳转

    视频地址

    相关文章

      网友评论

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

        本文链接:https://www.haomeiwen.com/subject/xwhjgctx.html