一、快速添加/删除书签
VSCode 书签的一个主要功能就是可以帮助开发者快速跳转到代码中的某个位置,比如一段复杂的逻辑代码,使用书签可以快速记录下该位置,并在需要的时候快速跳转到该位置。
VSCode 添加/删除书签的快捷键为 Ctrl + Shift + [0-9]
(Mac:Cmd + Shift + [0-9]
),其中数字 0-9
代表书签标记的位置。比如,使用 Ctrl + Shift + 1
就可以添加一个书签到位置 1
,使用 Ctrl + 1
就可以跳转到该位置。
通过添加/删除书签,可以充分利用 VSCode 的快捷键操作,提高代码开发效率。
二、快速查找所有书签
VSCode 提供了一个方便的命令,可以查找所有添加的书签,方便开发者查阅整个工程中所有书签的位置。
使用快捷键 Ctrl + Shift + M
(Mac:Cmd + Shift + M
),或者使用编辑器菜单栏的 View -> Problems -> Bookmarks
,可以查看所有书签的列表。点击列表中的书签项,即可跳转到书签位置。
// 例子
// 对代码片段添加书签
public void testMethod() {
// --------------------------------
// --> 我们在这段代码上添加了一个书签
// --------------------------------
// ... 一些具体的逻辑代码...
// --------------------------------
// --> 这是另一个书签位置
// --------------------------------
}
// 在菜单栏中查看所有书签,并快速跳转。
三、过滤特定书签
在工程中有时候可能有很多书签,如何快速地过滤显示特定类型的书签呢?VSCode 的 TODO 插件提供了一个实用的功能,可以通过配置书签的注释关键词来过滤书签。 这里以示例代码中使用到的多个书签为例,假设我们需要筛选查询到含有“Fixme”关键字的书签。我们可以在文件中添加类似以下的注释:
// FIXMEA: 这里有一个bug需要等待修复
使用快捷键 Ctrl + Shift + M
(Mac:Cmd + Shift + M
),可以打开书签列表。然后输入 keyword:"Fixme"
进行过滤,即可快速找到含有“Fixme”关键字的书签。
四、按顺序访问所有书签
在工程中有时需要按顺序访问所有的书签,这时候 VSCode 的书签命令也能够帮我们实现这个需求。
使用 VSCode 命令面板(快捷键 Ctrl + Shift + P
,Mac:Cmd + Shift + P
),输入 “Go to Bookmarks” 命令,即可在一个列表中看到所有的书签。通过在列表中选择书签位置或者书签名称,可以快速跳转到指定的书签。
<!-- HTML页面中的书签 -->
<a name="top"></a>
<h1>文章标题</h1>
<a name="section1"></a>
<h2>一、小标题1</h2>
<p>1、文字阐述内容1</p>
<a name="section2"></a>
<h2>二、小标题2</h2>
<p>1、文字阐述内容1</p>
<a name="section3"></a>
<h2>三、小标题3</h2>
<p>1、文字阐述内容1</p>
五、自定义书签图标
默认情况下,VSCode 书签的标记为一个小红色方块,而且无法更改。但在许多情况下,我们需要可以快速区分不同类型的书签。这时候,我们可以使用类似“vscode-icons”插件,来为不同类型书签设置不同的图标。 vscode-icons插件可以为许多不同的文件类型和文件夹设置自定义的小图标。此外,该插件还支持为书签设置不同的图标,可以方便地区分不同类型的书签信息。
六、使用Gist管理书签
虽然VSCode自带的书签功能非常方便,但是它只能对当前打开的文档起作用。如果我们希望在不同的电脑、不同的编辑器中共享书签信息,我们可以使用Gist管理书签。 Gist是GitHub提供的代码片段存储功能,可以轻松分享代码片段或书签信息。我们可以将需要共享的书签信息打包,保存到Gist中,并且在其他设备或VSCode编辑器安装完毕之后,直接从Gist中导入书签即可。通过这种方法,便可以实现书签信息的云端存储,实现多设备、多人之间的书签共享。
七、总结
VSCode 书签功能在日常代码开发中经常会用到,在操作上也非常简单。同时,VSCode的插件生态也为书签功能提供了更多的扩展功能,如自定义书签图标和使用Gist来管理书签信息。对于经常需要记录、回顾代码位置的开发者,书签功能能够帮助我们更好地管理代码。