开发效率提升之工具篇

导读

工欲善其事必先利其器!

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

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

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

随时记下闪现的灵感

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

Markdown编辑器

目前可供选择的markdown编辑器非常之多，至少以下有六种:

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

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

Mac重度依赖者

开发工具

• Charles 网络抓包应用, mac必备.
• aText 输入增强应用, 比 TextExpander 要人性化许多，并且对中文和第三方输入法的支持都要更好.
• Dash mac上api集合应用, 几乎包含各种语言的api文档.
• SnippetsLab 优秀的代码片段管理工具, 轻量, 可基于菜单栏操作.
• CodeExpander 专为开发者开发的一个集输入增强、代码片段管理(支持 Markdown)为一体跨平台云同步的开发工具。

效率提升

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

博主必备

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

Mac定制化

• Bartender 3 菜单栏管理应用, 支持隐藏所有菜单栏图标, 还您一个干净的菜单栏.
• Dozer 隐藏菜单栏项目,功能类似Bartender但是开源免费
• CDock 任务栏定制应用, 可设置Dock全透明, 还您一个清爽的任务栏.
• TextBar 自定义菜单栏输出, 支持script运行, 支持H5渲染.
• Growl 自定义通知样式, 支持多种主题以及颜色, 大小, 渐隐时间等各项参数的自定义.
• Karabiner 键盘映射修改神器.
• Magnet窗口管理工具，提升工作效率
• Keyboard Maestro 键盘大师, mac下功能最为丰富的键盘增强应用.
• BetterTouchTool mac触摸板增强神器.
• Übersicht 华丽的桌面自定义应用, 类似于windows的 rainmeter. 支持H5.
• Today Scripts 个性化通知栏插件, 支持bash脚本.
• 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.
• 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篇

• 谷粒Chrome插件英雄榜 chrome优秀插件合集

自制

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

前端有关

• whistle node实现的抓包工具，配合chrome扩展，可基于chrome完成抓包，代理，甚至可基于js生成mock数据，完全可替代charles。
• YSlow 雅虎性能分析工具.
• FE助手 百度推出的前端助手, 具有很多便捷的小功能.
• Postman 接口调试工具, 几乎支持所有类型的http(s)请求.
• EditThisCookie cookie编辑工具, 可用于获取或设置http only等cookie的值.
• JSONView json预览工具, 接口调试必备.
• Page Ruler 页面尺子, 页面重构或者严格按照设计图开发页面时, 将会非常有用.
• Alexa Traffic Rank 网站Alexa排名查看工具.
• React Developer Tools React开发者工具.
• Redux DevTools Redux开发者工具.

工作效率有关

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

网站有关

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

Chrome Extension开发

相关文章

• Sample Extensions - Google Chrome
• 图灵社区: 合集 : Chrome扩展及应用开发
• Google Chrome扩展开发系列

Alfred workflow

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

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

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

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

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

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