如何让日常开发更加丝滑,效率工具推荐!!!(偏mac用户向)

1,708 阅读6分钟

这篇文章大概罗列了一些我在日常工作中能提升效率的应用程序、插件、快捷键等,我相信坚信工具不在多,找到适合自己、称心如意的才是最好。

1. macos

Mac系统设置

三指拖拽

比较推荐使用触控板的同学开启这个设置,开启后三指触摸相当于按下鼠标左键,再移动就可以拖动窗口、选中文字。个人觉得用力按下触控板再拖拽窗口的操作实在是有些难受 = =

应用间切换

不同应用间切换想必大家都很清楚(cmd + tab或者是四指上划),但是同一应用开了多个窗口也是一个很常见的场景,这种情况下四指下划即可显示当前应用的所有窗口:

如果窗口开的不多的情况下推荐使用快捷键 cmd + ` 达到更快速的切换

Alfred工作流

alfred - 永远滴神,相信用mac的程序员大部分都装了这个神器,我平时最常用的两个功能就是快速打开应用程序和剪切板历史,但其实alfred还有更多强大的功能,比如workflow,类似于ios的快捷指令,可以以可视化的方式编辑复杂的工作流,下面推荐一些我常用的workflow。

有道翻译

需要使用有道的api服务,配置方法这篇文章讲的很细。下载地址在这🔗

变量命名

写代码的时候经常为了起名而发愁,而且有时还会拼写错误,这个插件真的很实用,支持大驼峰、小驼峰、下划线、常量等...下载地址在这🔗

gitlab

不知道大家公司的代码是托管在哪个平台,反正我们公司是私有gitlab,这个插件可以快速跳转到指定项目,以及该项目的issue、MergeRequest、Pipelines等,只需要申请一个AccessToken即可。下载地址在这🔗

Emoji Search

快捷搜索emoji表情,还能记住上次使用过的表情。下载地址在这🔗

还有更多好用好玩的Workflow可以来这里逛逛:www.packal.org/

图床工具

经常写博客需要配图,所以就有了图床的需求,最开始的时候用过新浪微博图床(有chrome插件)、七牛云,但体验都不是特别好,直到发现一个图床神器 Upic,配合阿里云oss,真的太香啦。Upic支持文件选择|拖拽上传、截图上传、剪贴板上传,生成格式有url、markdown、HTML等,还内置支持了多种图床:

最开始使用的是一些免费的图床,但要么速度慢、要么上传文件大小有限制,所以最终选择了阿里云oss,对于我们打工人来说真的很便宜了,一瓶饮料的钱可以开半年,香就完事了。

下面演示一下Upic截图上传配合Typora写文章的超流畅体验:

截图工具

常规的标注、框选基本所有截图工具都有,但对于前端开发而言有一个功能能实在的提升效率:Pin图,其实就是保持截图窗口最前,拥有这个功能的工具有 snipasteXniip,但我还是推荐大家用 Xnip,它还拥有滚动截图的能力,并且免费版非常良心,日常需要使用到的功能基本都有了。

2. Vs Code

快捷键篇

这些快捷键的目的是脱离鼠标(Or触控板),经过我将近一年多的实践,如果熟练使用以下快捷键,基本70%+的场景下双手不需要再离开键盘。

  1. cmd + shift + \ 光标在括号首尾反复横跳

  2. cmd + option + [ 折叠代码块,]是收起

  3. ctrl + G 跳转到指定行数

  4. cmd + shift + O 跳转到方法(Method Or Function)

  5. F9 设置/取消当前行断点 在 Flutter / Nodejs 开发中比较常用

  6. shift + E 模拟鼠标悬浮到单词,查看提示信息(这一条是我自定义的,具体在快捷键设置里搜索关键词 show hover,快捷键设置按 cmd K + cmd S打开)

  7. cmd + . 快速修复(相当于点击黄色小灯泡,在Flutter/TS开发中很香)

  8. F12 转到定义(相当于按住cmd + 鼠标点击)

  9. cmd + P 快速打开文件

  10. cmd + \ 横向切分窗口(分屏)

  11. cmd + 1、2、3... 可以在上一步切分的窗口1 2 3... 之间切换

  12. cmd + option + ← 或 → 方向键切换当前 active 的Tab页

  13. 接上条 ctrl + tab 也是切换Tab页 哪个用着舒服用哪个

  14. cmd K + cmd S 快速打开快捷键设置

  15. cmd + shift + E 快速打开并聚焦到文件树

    a. 焦点在文件树任意位置时,输入字母,会搜索匹配文件名

    b. 焦点在文件树 - 文件夹时,➡️方向键:展开,⬅️方向键收起

    c. 回车键重命名焦点所在文件夹 Or 文件

    d. cmd + ⬇️方向键打开焦点所在文件夹 & 文件(个人觉得有点别扭,可以快捷键搜索 list.select - Domain Name For Sale | DAN.COM 关键字,推荐改为 cmd + enter)

  16. 多行编辑,cmd + option + ⬇️方向键,将光标往下多添加一个,十分有快感的操作

  17. 还是多行编辑,按住option + shift 之后按下鼠标(或者三指拖拽)选中多行,那么你选中的每一行都会添加一个光标

  18. 移动当前tab到左右分屏窗口 ctrl + cmd + ➡️ Or ⬅️

3. terminal

1. oh-my-zsh plugin

相信用mac的同学相当一部分都装了iterm2 + zsh,用zsh的同学相当一部分用了 oh-my-zsh ,下面推荐两款oh-my-zsh内置插件

2. 高颜值的zsh主题

一款好看的terminal主题能让一整天的心情都变好,这款我个人觉得真的很赏心悦目。链接🔗

更多好看的主题可以参考这里:

3. 高颜值的连字体FiraCode

这是我刚工作的时候看到同事编辑器里神奇的连字符,当时觉得很炫酷很好看,于是请教同事安装了这款非常适合Coding的字体:FiraCode🔗 当你在输入诸如:=== >= ++之类的字符时,会像这样连起来显示:

另外还有一些适合Coding的字体推荐:www.digitalocean.com/community/q…

5. 多用alias

经常使用的命令加到alias里,日常开发体验会更好哦,如果是zsh用户可以编辑当前用户目录(也就是 ~ )下的 .zshrc 文件

4. 终端如何开启代理

大家应该都遇到过 npm install brew install 过慢的情况,首先明确一点默认情况下 Terminal 不会走系统代理,所以需要单独开启,在命令行执行:

export http_proxy=http://127.0.0.1:1087;export https_proxy=http://127.0.0.1:1087;

那么如何验证代理是否开启成功?可以curl 一下 cip.cc查询当前ip地址,可以看下图效果:

  • 上述终端命令中端口号为1087,也就是你本地的正向代理服务器默认监听的端口

  • 另外代理开启只对当前Session有效,也就是说你再开一个终端窗口还是默认没开代理的状态

  • 对于这么常用的命令可以加到alias里去哦:

    alias proxy="export http_proxy=http://127.0.0.1:1087;export https_proxy=http://127.0.0.1:1087;"
    alias unproxy='unset all_proxy'