推荐|你不得不知道的一个Chrome效率神器

简介: 推荐|你不得不知道的一个Chrome效率神器

熟悉我的人都知道,我一直以来没有使用鼠标的习惯,工作以来几乎不使用鼠标,当然玩游戏例外,不过自从有了我们家捣蛋鬼以来,感觉没有玩过游戏了。

要做到完全不用鼠标说难也难,说简单也简单,我反正通过蛮多效率工具才做到无鼠标化办公,但这些工具里面我觉得最重要的工具之一就是一款Chrome效率插件--cVim


cVim是干什么的呢?


cVim是Chrome上面的Vim扩展,通过使用Vim的快捷键来操作Chrome浏览器的行为,比如我们日常新建/关闭标签页,回到首页/底部,页面前进/回退,关键词搜索,页面刷新等等。

基本上你能想到的功能他都快速的实现,你想不到的也能替你实现,整个操作让你用Chrome就像使用Vim编辑器操作一样,如丝般顺滑,非常高效。


为什么要使用cVim


有的同学会问了,为什么要用他呢?我感觉Chrome快捷键我用的也好好的,这不是多此一举么?

我个人认为有以下几点:

1.Chrome快捷键大多是组合键,使用起来比较繁琐,很多Vim一个键就能处理的,Chrome需要几个键组合。Chrome刷新页面Ctrl+r,关闭页面Ctrl+w,对应cVim,r,x两个单键

2.Chrome快捷键功能不够强大,比如我页面可以前进后退不能灵活控制,cVim可以使用H,L键

3.使用cVim可以像使用vim一样方便快捷,也可以通过vimrc自定这些快捷键。

只要我们会一点Vim就非常方便,没有也没关系,你掌握两三个快捷键就能大大提高浏览网页的效率,体验飞一般的感觉。

常见用法

image.png

cVim功能很多很强大,在此我不一一介绍了,我把我常用到的分享给大家

1.通过f/F进行跳转链接,让你摆脱鼠标随心所欲 「f」当前页面跳转,「F」新标签打开。

2.日常页面上下移动jk,标签页左右切换JK,网页前进后退页面HL,跳到网页顶/尾部ggG

3.新建标签页面: 新开标签页t,在当前页面打开网址 o

其余的比如搜索历史记录I,搜索书签里面的b,还有visual模式插入选中复制网页内容这里就不过多介绍了。我觉得大部分同学掌握了这个就能很高效了。

很多配置大家可以下载Chrome插件在后台进行自定义vimrc,进行快捷键的自定义。

image.png


更多建议小伙伴可以参考github项目,https://github.com/1995eaton/chromium-vim/blob/master/README.md 上面也所有的快捷键使用方法。小伙伴可以扫码跳转。

如果你觉得不错,赶紧使用起来把,欢迎你给我留言,你常用的效率神器。

相关文章
|
3月前
|
Web App开发 前端开发 JavaScript
介绍Chrome DevTools的使用方法,助您更好地掌握这款工具
【6月更文挑战第14天】Chrome DevTools是Chrome内置的网页调试利器,提供Elements(编辑HTML/CSS)、Console(JavaScript调试)、Sources(查看/调试JS/CSS文件)、Network(分析网络请求)和Performance(性能瓶颈分析)等面板,助力开发者优化网页性能和用户体验。通过掌握其使用,可提升开发效率。
48 2
|
11月前
|
Web App开发 JSON 编解码
【其他】Chrome 灵魂插件!爱了爱了!提高工作效率的神器!
【其他】Chrome 灵魂插件!爱了爱了!提高工作效率的神器!
105 0
【其他】Chrome 灵魂插件!爱了爱了!提高工作效率的神器!
|
3月前
|
Web App开发 存储 前端开发
深入探索Chrome开发者工具:开发者的利器
Chrome DevTools是Chrome浏览器内置的网页开发与调试神器,包含元素检查、网络请求分析、性能监控和JavaScript调试等功能。可通过快捷键F12或菜单打开。主要面板有:Elements(查看编辑HTML/CSS),Console(运行JS代码及查看日志),Network(分析网络请求),Performance(优化网页性能)和Application(管理应用数据)。高级功能包括断点调试、网络限速和屏幕模拟,助力高效开发和调试。
53 0
|
4月前
|
监控 前端开发 JavaScript
深入探索谷歌浏览器开发者工具:提升网页开发与调试效率的终极指南(一)
深入探索谷歌浏览器开发者工具:提升网页开发与调试效率的终极指南(一)
121 0
|
4月前
|
Web App开发 缓存 前端开发
【热门话题】实用Chrome命令:提升前端开发效率的利器
提升前端开发效率的Chrome命令详解:快速打开DevTools(F12或Ctrl+Shift+I/Cmd+Opt+I)、Console中直接运行JS、使用$和$$选择元素、监控事件、模拟设备、计算样式覆盖、网络请求过滤、性能分析、Sources面板调试与编辑、命令行快捷方式如chrome://flags。掌握这些技巧,加速开发流程。
58 3
|
4月前
|
存储 缓存 前端开发
深入探索谷歌浏览器开发者工具:提升网页开发与调试效率的终极指南(二)
深入探索谷歌浏览器开发者工具:提升网页开发与调试效率的终极指南(二)
101 0
|
Web App开发 JavaScript 前端开发
高效使用Chrome浏览器,你可能不知道的10个技巧。
高效使用Chrome浏览器,你可能不知道的10个技巧。
|
前端开发 测试技术
前端 自动化测试插件(谷歌)lighthouse
前端 自动化测试插件(谷歌)lighthouse
前端 自动化测试插件(谷歌)lighthouse
|
Web App开发 测试技术 开发者
效率系列(六) Chrome调试技巧
效率系列(六) Chrome调试技巧
92 0
|
Web App开发 Windows
效率系列(一) Chrome常用快捷键
效率系列(一) Chrome常用快捷键
88 0