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

视频地址

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容