开发效率提高之工具篇

时间  2019-11-16 标签 开发 效率 提高 工具 篇

关于

导读

工欲善其事必先利其器!html

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

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

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

随时记下闪现的灵感

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

Markdown编辑器

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

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

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

Mac重度依赖者

开发工具

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

提升效率

  • Alfred 3 神奇的魔法帽, 支持 ① 快速打开application; ② 支持Finder, Calculator, Contacts, Clipboard, iTunes, System, Terminal 等原生应用的各类便捷功能; ③ 支持workflow(工做流).
  • 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动图).

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的目的.chrome

    # 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 .shell

  • tmux 终端复用工具, 支持在终端中建立不依赖于终端的窗口, 安装方法: brew install tmux .json

Chrome Extension篇

前端有关

  • 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开发

相关文章redux

Alfred workflow

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

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

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

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

有道词典 workflow

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

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

联系我们 沪ICP备2021010478号-7