让我来拯救你。。。的鼠标滚轮

场景

在写Vue SFC的时候，往往需要频繁地在 template 和 script 之间切换。
想象一个场景， 我们开心地在 <template> 中写下了 <button @click="handleButtonClick" >，哦豁，这个时候想起 handleButtonClick 还没有定义，立马滚到 script 块内，写下 function handleButtonClick() {}, 再滚回 template 代码块，接着写 button的样式，定义一个class，又该干啥了？滚到style 去吧。

滚动的过程中，如果文件比较长，速度和精准度都不高，一路前前后后，走走停停，一言难尽。

这是不是你的日常？ 所以就有了V Jump 这个插件。 支持快速在跳转到Vue的这三个模块的起始位置，并且插件还记录了每一个模块中的光标位置，支持跳转回每个模块中记录的光标位置，方便在写了事件handler之后，立即跳转回到<template> 中元素定义的场景。

源代码地址是 vscode-v-jump，觉得有用的话，点个 Star 吧。

功能

插件支持两种代码块的快捷跳转方式

1. 直接跳转到代码块起始位置:

   • Jump to template: 跳转到 <template> 代码块开始位置
   • Jump to script: 跳转到 <script> 代码块开始位置
   • Jump to style: 跳转到 <style> 代码块开始位置

2. 基于前一次模块内的光标位置的跳转:

   • Jump to template Focus: 跳转到前一次 <template> 代码块中的鼠标焦点位置
   • Jump to script Focus: 跳转到前一次 <script> 代码块中的鼠标焦点位置
   • Jump to style Focus: 跳转到前一次 <style> 代码块中的鼠标焦点位置

使用方式

按 F1 键 或者 _Ctrl + Shift + P_，调出命令选项板， 输入关键字即可跳转，比如要跳转到前一次template中的光标位置，可以输入 jump to template focus, 或者简写 jttf。

当然，设置为 Ctrl + 1_, _Ctrl + 2_, _Ctrl + 3 这样的快捷键会更加高效, 设置方式参考 Visual Studio Code Key Bindings