告别繁琐查找:VSCode 中 Bookmarks 插件的高效使用指南

807 阅读4分钟

在使用vscode的很长一段时间里面,当我遇到修改代码的时候,就会使用Ctril+F来回搜索,查找需要改的地方,虽然vscode里面记录点的功能,但可能是因为我不大会配置快捷键,感觉非常难用,然后多个文件使用记录点难以统一管理,我最近使用了Bookmarks插件,觉得非常好用,所以今天分享一下使用的全过程

因为没用过mac系统,里面的mac快捷键是我用AI搜的,不一定准确

一、插件安装

安装 Bookmarks 插件:

  1. 打开 Visual Studio Code。
  1. 按下Ctrl + Shift + X(Windows/Linux)或Cmd + Shift + X(Mac)组合键,打开扩展面板。
  1. 在搜索框中输入Bookmarks。
  1. 在搜索结果中找到Bookmarks插件,点击 “安装” 按钮。安装完成后,不重启 VSCode 以使插件生效。

或者打开左边扩展商店搜索

image.png

二、基础使用方法

(一)添加与移除书签

  1. 添加书签:将光标移动到你想要标记的代码行,然后按下Ctrl + Alt + K(Windows/Linux)或Cmd + Option + K(Mac)组合键,此时该行代码的左侧行号区域会出现一个蓝色的书签图标,表示书签已成功添加。
  1. 移除书签:若想移除已添加的书签,再次按下上述添加书签的快捷键,书签图标便会消失,即成功移除了书签。

(二)书签间的导航

  1. 跳转到上一个书签:按下Ctrl + Alt + J(Windows/Linux)或Cmd + Option + J(Mac)组合键,光标会快速跳转到上一个设置的书签位置。
  1. 跳转到下一个书签:按下Ctrl + Alt + L(Windows/Linux)或Cmd + Option + L(Mac)组合键,即可跳转到下一个书签处。这两个快捷键在你需要在多个书签间来回切换查看代码时,极为便捷。

(三)查看所有书签

  1. 当前文件书签列表:点击 VSCode 活动栏中的 Bookmarks 图标(一个带有书签样式的图标),会弹出当前文件中所有书签的列表。在这个列表中,你可以清晰地看到每个书签所在的行号及该行的部分代码预览。点击列表中的任意一个书签,VSCode 会立即将光标定位到对应的代码行。

image.png

  1. 所有文件书签列表:如果你想查看整个项目中所有文件的书签,可以通过执行命令 “Bookmarks: List from All Files” 来实现。该命令可以在命令面板中(按下Ctrl + Shift + P或Cmd + Shift + P打开)输入并执行。执行后,会弹出一个包含所有文件书签的列表,列表中不仅显示了书签所在的行号和代码预览,还展示了书签所在文件的相对路径,方便你快速定位到不同文件中的重要代码位置。

给的列表界面已经非常能满足我的需求啦

image.png

还可以编辑标签,起别名

image.png

(四)删除书签

  1. 删除单个书签:在书签列表(当前文件或所有文件的书签列表)中,右键点击你想要删除的书签,在弹出的菜单中选择 “Remove Bookmark”,即可删除该单个书签。
  1. 删除当前文件所有书签:若要删除当前文件中的所有书签,可以执行命令 “Bookmarks: Clear”。同样,该命令在命令面板中输入执行。执行后,当前文件中的所有书签将被一次性删除。
  1. 删除所有文件的所有书签:执行命令 “Bookmarks: Clear from All Files”,此命令会删除整个项目中所有文件的书签。使用时需谨慎,确保你真的不再需要这些书签,以免误删重要标记。

如果不习惯写命令,可以直接使用UI操作

image.png

image.png

三、总结

VSCode 的 Bookmarks 插件是一款功能强大且实用的工具,它能够帮助开发者在代码编写、调试、项目维护等各个环节中,快速定位到重要的代码位置,极大地提高了编码效率。通过简单的安装和学习,掌握其基础及高级使用方法,结合各种实际应用场景,灵活运用插件的功能,相信它一定会成为你日常开发工作中的得力助手。如果你还在为在代码中频繁查找特定位置而烦恼,不妨试试 Bookmarks 插件,体验一下高效代码导航带来的便捷。