開發效率提升之工具篇

路易斯發表於2017-05-03

關於

導讀

工欲善其事必先利其器!

還記得: 剛參加工作的時候, 有位開發的同事軟體使用效率奇高. 我曾親眼目睹他在幾秒之內開啟開發軟體, 優雅地調出隱藏的功能, 輸入資料輸出結果的過程行雲流水, 一氣呵成, 而手指卻始終不曾離開鍵盤. 吃驚的同時, 不僅發現提高開發效率是多麼的重要! 這便有了本篇文字.

本文側重開發且兼顧PM同學, 工具分享會涉及到:

  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, 新出的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(工作流).
  • 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的目的.

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

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開發

相關文章

Alfred workflow

我曾經耗費巨大的精力, 試圖在計算機的使用效率上找到一條優化的策略, 一直以來都收效甚微. 直到遇上Alfred, 它強大的工作流機制, 才讓我明白原來計算機可以這麼玩. 因為它徹底解決了輸入輸出的痛點, 極大的減少了程式之間的切換成本以及按鍵成本.

傳統意義上, 使用mac時, 為了查詢一個單詞, 或者翻譯一個單詞, 我們要麼經歷五步: ① 手動開啟瀏覽器 ② 進入谷歌首頁 ③ 選中輸入框 ④ 輸入或貼上查詢單詞, 然後空格並加上"翻譯" 兩個字, 然後再回車 ⑤ 等待瀏覽器展示查詢結果; 要麼經歷四步: ① 開啟翻譯應用(比如自帶詞典) ② 輸入或貼上查詢單詞 ③ 翻譯應用輸出查詢結果 ④ 查詢過後, 一般都需要Command+Q退出應用(否則Dock欄將會全是未關閉的應用).

查詢單詞這個場景中, 我們至少需要興師動眾, 切換或開啟一個應用兩次, 定位輸入框一次, 輸入或複製貼上一次. 且查詢結果頁也會擋住當前的工作區, 使得我們分心, 甚至忘記自己剛剛在做啥. 五個字 — 體驗不流暢.

而 Alfred 的工作流正是為了解決這個問題而設計的. 如果我們使用網友開發的 有道詞典 的 workflow, 最快只需通過兩次按鍵便可獲取單詞的查詢結果. 假如: 為了查詢單詞"workflow", 我會選中單詞所在區域, 然後按住 Option+Y 鍵(我已將有道翻譯的快捷鍵設定為 Option+Y), 單詞查詢結果就出來了, 而且不需要切換應用, 同時查詢結果也較少的擋住工作區了. 如下:

開發效率提升之工具篇
有道詞典 workflow

以上 Alfred 介面使用了少數派的主題.

有關其他的workflow 內容, 請移步 Alfred Workflows , 那裡會有更多非常不錯的 workflow 供您選用.

相關文章