开发效率提升之工具篇

导读

工欲善其事必先利其器!

还记得: 刚参加工作的时候, 有位开发的同事软件使用效率奇高. 我曾亲眼目睹他在几秒之内打开开发软件, 优雅地调出隐藏的功能, 输入数据输出结果的过程行云流水, 一气呵成, 而手指却始终不曾离开键盘. 吃惊的同时, 不仅发现提高开发效率是多么的重要! 这便有了本篇文字.

本文侧重开发且兼顾PM同学, 工具分享会涉及到:

PM或博客撰写者markdown编辑器推荐
mac重度依赖者应用推荐
终端便捷工具推荐
Chrome Extension及扩展插件开发
Alfred workflow 自制及开源的推荐

随时记下闪现的灵感

人的一天中大脑会产生大约6万个想法, 其中不乏有许多优秀的 idea. 如果我们能学会捕捉哪怕是部分灵感, 也将会收获巨大. 因此工作中需要及时地记下闪现的灵感, 以方便闲暇时温故而知新. 这里推荐两个笔记应用: ① Evernote ② OneNote . (注: Evernote速记快捷键Control+Command+N)

Markdown编辑器

目前可供选择的markdown编辑器至少以下有六种:

Typora, 简洁轻便免费, 独有的所见即所得, 可在预览状态下编辑, 快捷键丰富, 脚本高亮功能出彩, 导出为pdf后, 排版同样正常, 这点非常难得, 笔者使用的就是该款.
Ulysses, 功能强大, 快捷键丰富, 支持目录导入, 支持多终端同步.
MWeb Lite, MWeb的微型版, 不收费, 支持目录导入.
macdown, 基于mou开发, 轻量, 不支持目录导入.
mou 历史悠久, 据说有少量的bug, 具体请参考 Mac 下两款 Markdown 编辑器 Mou/MacDown 大 PK - 简书 .
markeditor, 新出的markdown编辑器, 注重视觉感受, 界面不错, 但运行较慢.

以上, 推荐开发使用 Typora, PM等使用 Ulysses.

Mac重度依赖者

开发工具

Charles 网络封包分析应用, mac必备.
aText 输入增强应用, 比 TextExpander 要人性化许多，并且对中文和第三方输入法的支持都要更好.
Dash mac上api集合应用, 几乎包含各种语言的api文档.
SnippetsLab 优秀的代码片段管理工具, 轻量, 可基于菜单栏操作.

提高效率

Alfred 3 神奇的魔法帽, 支持 ① 快速打开application; ② 支持Finder, Calculator, Contacts, Clipboard, iTunes, System, Terminal 等原生应用的各种便捷功能; ③ 支持workflow(工作流)(需要升级为收费版的Powerpack).
iterm2 增强版的终端应用, 功能强大, 支持分屏, 历史记录, 选中即复制等.
Sip 全屏取色应用, 支持快捷键调出(前端福音, 寻找多年, 终于发掘出来了).
Keka 压缩或解压缩应用, 开源免费, 压缩比高, 操作便捷, 支持rar等解压, 压缩中文目录后, 在windows下打开不会存在乱码等现象.
SwitchHosts 域名host解析必备神器, 支持 windows和Mac的开源工具, mac下只有几百K大小.
Scroll Reverser mac滚动方向自定义应用, 可分别设置鼠标和触摸板的上下左右的滚动效果.
Size up 分屏应用, 类似Moon的一款应用, 支持上下左右居中、4个角落快速分屏及多屏幕切换.
Divvy 另一款分屏应用, 可将屏幕分成多宫格的形式, 然后为每个格子定义快捷键, 遗憾的是不支持多屏幕切换.
Graphviz 贝尔实验室开发的有向图/无向图自动布局应用, 支持dot脚本绘制结构图, 流程图等. 可参考教程利用Graphviz 画结构图及使用graphviz绘制流程图 .
XMind 思维导图应用, 适合业务及思路梳理.
iThoughtsX 另一款思维导图应用, 更加简洁和轻量.
Pomodoro One 番茄工作法的一款应用.

博主必备

ScreenFlow 这或许是mac上最好用的屏幕录制应用.
Annotate 屏幕截图批注应用, 令人惊喜的是, 支持划区域gif制作, 教程以及动图制作者必备.
Licecap mac上超强大的且极简的gif录制应用, 使用免费, 支持FPS帧率调整且无录制时间限制(笔者用它录制了很多gif动图).
KeyCastr 将mac按键显示在屏幕上，分享演示、录制视频或动图时超赞.

Mac定制化

Bartender 2 菜单栏管理应用, 支持隐藏所有菜单栏图标, 还您一个干净的菜单栏.
CDock 任务栏定制应用, 可设置Dock全透明, 还您一个清爽的任务栏.
TextBar 自定义菜单栏输出, 支持script运行, 支持H5渲染.
Growl 自定义通知样式, 支持多种主题以及颜色, 大小, 渐隐时间等各项参数的自定义.
Karabiner 键盘映射修改神器.
Keyboard Maestro 键盘大师, mac下功能最为丰富的键盘增强应用.
BetterTouchTool mac触摸板增强神器.
Übersicht 华丽的桌面自定义应用, 类似于windows的 rainmeter. 支持H5.
Today Scripts 个性化通知栏插件, 支持bash脚本(最新的OSX系统不支持).
Mountain Tweaks mac隐藏功能开启应用.

折腾党玩转Mac

TripMode 移动热点流量管家, 出差达人的福音.
Caffeine 点亮mac, 避免长时间演示ppt而进入到休眠状态.
Tickeys 键盘打字风格模拟应用, 支持 Cherry轴等多种风格.
keycue 快捷键辅助应用, 帮助记忆快捷键.
AirServer IOS连接mac必备.
Beyond Compare 文件比较应用, 支持文件, 目录, FTP远程地址比较等.
Debookee 网络抓包及数据分析应用.
EasyFind 小而强大的文件搜索应用, 媲美windows下的Everything.
FileZilla 免费开源的FTP应用.
OmniDiskSweeper 硬盘空间扫描应用, 帮助mac减肥.
Kaleidoscope 文件和图像比较应用, 支持图片比较, 能与 git, svn 等版本控制工具完美结合.
AppCleaner mac应用卸载工具, 结合 AppCleaner 的workflow, 使用效果更佳.
TeamViewer 远程开发或协助必备应用.
Script Debugger 强大的AppleScript编辑器.
Reeder 界面优美的RSS订阅应用.
HyperSwitch 带有预览图的快速切换, 作用同Command+Tab.
Cool retro term 终端变身复古显示器.
Fruit Juice 电池管理应用, 帮助延迟电池的使用时间.

终端命令

ohmyzsh shell有很多种, 常用的bash就是之一. 而zsh是shell中目前最强大的, 没有之一. ohmyzsh屏蔽了zsh复杂的配置, 真正达到了一键上手zsh的目的.

# Mac下自动安装&设置
wget https://github.com/robbyrussell/oh-my-zsh/raw/master/tools/install.sh -O - | sh
# 设置 shell 默认使用 zsh
chsh -s /bin/zsh
#在 dock 栏右键退出终端, 然后重启终端~安装完成

autojump 支持快速跳转到曾经打开过的目录下,安装方法: brew install autojump .
tmux 终端复用工具, 支持在终端中创建不依赖于终端的窗口, 安装方法: brew install tmux. 使用请参考：Tmux使用手册.

Chrome Extension篇

自制

Iheader 监听和修改http/https请求/响应头，可用于渗透测试（笔者修改请求头用于跨域调试，特别好用）。
Qrcode URL生成二维码，如果网页中包含选中文本，则生成选中文本的二维码。

前端有关

React Developer Tools React开发者工具.
Redux DevTools Redux开发者工具.
FE助手百度推出的前端助手, 具有很多便捷的小功能.
YSlow 雅虎性能分析工具.
Postman 接口调试工具, 几乎支持所有类型的http(s)请求.
EditThisCookie cookie编辑工具, 可用于获取或设置http only等cookie的值.
JSONView json预览工具, 接口调试必备.
Page Ruler 页面尺子, 页面重构或者严格按照设计图开发页面时, 将会非常有用.
Alexa Traffic Rank 网站Alexa排名查看工具.

工作效率有关

OneTab 快速关闭并存储浏览器当前窗口所有Tab页, 可用于下次一键全部恢复.
Merge Windows 合并所有浏览器窗口为同一个窗口.
Vimium 键盘党必备, 使用vim命令管理页面.
Vysor mac上直接操作 Android 手机, 且可远程共享手机操作界面.

网站有关

Octotree Github重度依赖者必备, 提供左侧边栏, 快速浏览仓库内容.
AdBlock 超强去广告工具, 最受欢迎的Chrome扩展, 拥有超过4000万用户.
阅读模式快速开启阅读模式, 进入沉浸式阅读, 并非支持所有网页.
Blipshot 全网页截图工具, 支持自动垂直滚动, 截取网页的所有内容为一张图片.

Chrome Extension开发

Alfred workflow

我曾经耗费巨大的精力, 试图在计算机的使用效率上找到一条优化的策略, 一直以来都收效甚微. 直到遇上Alfred, 它强大的工作流机制, 才让我明白原来计算机可以这么玩. 因为它彻底解决了输入输出的痛点, 极大的减少了程序之间的切换成本以及按键成本.

传统意义上, 使用mac时, 为了查询一个单词, 或者翻译一个单词, 我们要么经历五步: ① 手动打开浏览器 ② 进入谷歌首页 ③ 选中输入框 ④ 输入或粘贴查询单词, 然后空格并加上"翻译" 两个字, 然后再回车 ⑤ 等待浏览器展示查询结果; 要么经历四步: ① 打开翻译应用(比如自带词典) ② 输入或粘贴查询单词 ③ 翻译应用输出查询结果 ④ 查询过后, 一般都需要Command+Q退出应用(否则Dock栏将会全是未关闭的应用).

查询单词这个场景中, 我们至少需要兴师动众, 切换或打开一个应用两次, 定位输入框一次, 输入或复制粘贴一次. 且查询结果页也会挡住当前的工作区, 使得我们分心, 甚至忘记自己刚刚在做啥. 五个字 — 体验不流畅.

而 Alfred 的工作流正是为了解决这个问题而设计的. 如果我们使用网友开发的 有道词典 的 workflow, 最快只需通过两次按键便可获取单词的查询结果. 假如: 为了查询单词"workflow", 我会选中单词所在区域, 然后按住 Option+Y 键(我已将有道翻译的快捷键设置为 Option+Y), 单词查询结果就出来了, 而且不需要切换应用, 同时查询结果也较少的挡住工作区了. 如下:

以上 Alfred 界面使用了少数派的主题.

有关其他的workflow 内容, 请移步 Alfred Workflows , 那里会有更多非常不错的 workflow 供您选用.

aaaaalihuang/tool