idea 的BookMarks 书签功能

  今天用idea的时候,无意中发现了了一个小功能,叫做BookMark
                Ctrl+F11æåºæ¥ç

  然后去查阅了一下文档,主要功能也就是可以清晰的看到自己标的书签附近的代码,比如我们在第11行按一下F11插入一个书签,就会有一个小钩子。

æå¥ä¸ä¸ªä¹¦ç­¾ä½¿ç¨F11ï¼å é¤ä¸ä¸ªä¹¦ç­¾å¨ä¹¦ç­¾æå¨è¡æä¸ä¸F11

    我们可以按Shift+F11就可以直接看到11行附近的代码

如果有多个书签,在打开这个书签管理的时候,可以完全使用键盘进行控制:按上下键进行选择,Enter键跳转到所选的书签那,Esc关闭窗口,Alt+上/下可以在这个列表将某个书签以Y轴移动。

我们还可以使用以(助记符)数字作为书签,在所在行按快捷键Ctrl+Shift+任意数字,就可以插入一个标签了,要将光标跳转到某个书签,只需要Ctrl+对应的标签数字。实在是很方便。


--------------------- 
作者:CherryGods 
来源:CSDN 
原文:https://blog.csdn.net/qq_36376059/article/details/80277767 
版权声明:本文为博主原创文章,转载请附上博文链接!

  • 2
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
要实现 Vue 项目的书签功能,可以考虑使用浏览器提供的 localStorage 来保存用户的书签数据。具体实现步骤如下: 1. 在 Vue 项目中创建一个 Bookmarks 组件,用于显示用户的书签列表和书签添加/删除功能。 2. 在 Bookmarks 组件中,使用 Vue 的生命周期钩子函数 created() 来读取 localStorage 中保存的书签数据。如果 localStorage 中没有保存过书签数据,可以初始化一个空数组。 3. 在 Bookmarks 组件中,使用 v-for 指令循环遍历书签数组,以便在页面中显示所有书签。 4. 在 Bookmarks 组件中,添加一个输入框和添加按钮,用于添加新的书签。当用户点击添加按钮时,将输入框中的书签信息添加到书签数组中,并将数组保存到 localStorage 中。 5. 在 Bookmarks 组件中,为每个书签添加一个删除按钮,用于删除书签。当用户点击删除按钮时,从书签数组中删除对应的书签,并将新的数组保存到 localStorage 中。 6. 在 Bookmarks 组件中,为每个书签添加一个点击事件,用于跳转到对应的页面。可以使用 Vue Router 来实现页面跳转。 下面是一个简单的代码示例: ```html <template> <div> <h2>Bookmarks</h2> <div> <input type="text" v-model="newBookmark"> <button @click="addBookmark">Add</button> </div> <ul> <li v-for="(bookmark, index) in bookmarks" :key="index"> <a :href="bookmark.url" target="_blank">{{ bookmark.title }}</a> <button @click="deleteBookmark(index)">Delete</button> </li> </ul> </div> </template> <script> export default { data() { return { bookmarks: [], newBookmark: '' } }, created() { const savedBookmarks = localStorage.getItem('bookmarks') if (savedBookmarks) { this.bookmarks = JSON.parse(savedBookmarks) } }, methods: { addBookmark() { if (this.newBookmark) { this.bookmarks.push({ title: this.newBookmark, url: 'http://example.com/' + this.newBookmark }) localStorage.setItem('bookmarks', JSON.stringify(this.bookmarks)) this.newBookmark = '' } }, deleteBookmark(index) { this.bookmarks.splice(index, 1) localStorage.setItem('bookmarks', JSON.stringify(this.bookmarks)) } } } </script> ``` 注意,这只是一个简单的示例,实际项目中可能需要更复杂的实现。例如,可以添加更多的书签信息,如书签描述、图标等。同时,为了更好的用户体验,可以使用第三方库来美化书签列表和添加/删除操作的界面。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值