vscode vue页面内快捷跳转html,js,css区域

1,055 阅读1分钟

1.vscode安装插件 Vue Jump to Tag
marketplace.visualstudio.com/items?itemN…

2.vscode 内 ctrl +shift +p 输入 Preferences: Open Keyboard Shortcuts (JSON),回车确定

image.png

3.添加以下配置

  {
    "key": "ctrl+1",
    "command": "extension.jumptotemplate"
  },
  {
    "key": "ctrl+2",
    "command": "extension.jumptoscript"
  },
  {
    "key": "ctrl+3",
    "command": "extension.jumptostyle"
  }

4.使用方法:
配置完成即可在vue页内 按ctrl 与 键盘英文字母上排的数字区 进行 快捷跳转。
ctrl+1 :跳转到html区域;
ctrl+2 :跳转到js区域;
ctrl+3 :跳转到css区域;