如何配置VSCode实现类似WebStorm的代码块间光标跳转功能

完全可以实现，不需要安装第三方扩展，用VSCode内置功能就能做到和WebStorm一致的跳转逻辑。

默认按Option+→（Windows/Linux对应Ctrl+→）是按单词粒度跳转，所以才会出现光标落在闭合标签名中间的问题，换成基于语法树的语法节点跳转就能精准匹配标签、代码块的边界位置。

具体配置步骤（macOS为例，Windows/Linux替换对应修饰键即可） #

• 唤起快捷键配置面板：直接按下Cmd+K后松开，紧接着按Cmd+S就能打开
• 在顶部搜索框输入跳转到下一个语法节点（英文界面搜Go to Next Syntax Node）
• 找到对应命令后，点击命令行左侧的铅笔编辑图标，按下Option+→确认绑定。如果提示快捷键冲突，直接选择覆盖原有「按词跳转」的绑定即可
• 反向跳转对应命令是跳转到上一个语法节点，同样绑定Option+←，操作逻辑就和WebStorm完全对齐

效果验证 #

配置完成后测试HTML场景：
初始光标在代码最前端：

|<div class="test"></div>

按下Option+→跳转时，光标会依次落在语法节点边界，其中就包含你需要的标签内部起始位置：

<div class="test">|</div>

全程不会出现默认模式下光标卡在</|div>标签名中间的问题。

如果你不想替换原本的按词跳转功能，也可以给语法节点跳转绑定其他不冲突的快捷键，比如Option+Cmd+→/←，两种跳转模式按需切换即可。
注：如果搜索不到上述语法节点跳转命令，把VSCode升级到1.70以上的稳定版本即可，该功能为官方内置，无需额外安装扩展。

内容的提问来源于stack exchange，提问作者maciek617