工欲善其事，必先利其器，好的工具能給自身帶來超高的工作效率。以下是總結出的高效率工具。

雙屏

絕對效率提高首選，有機會三屏更佳

Mac

HomeBrew

mac軟體包管理，通過命令直接安裝工具包，Mac必備。

Afred

只需要鍵盤簡單輸入，即可快速查詢或開啟應用。效率神器，MacOS必備

CheatSheet

長按⌘即可獲得當前軟體快捷鍵，初學MacOS同學必備

SourceTree

git gui工具，介面簡潔，操作方便

Wunderlist

隨時記錄思維靈感或備忘錄；pc、phone、pad三端統一，方便隨時檢視

Quick Look外掛

MacOS非常人性化的功能之一。只要選中了相應的檔案，敲擊空格鍵就可以檢視檔案的大小、甚至可以可以預覽文件，視訊、音訊等等。但是它還可以變得更加強大，只需要使用 Homebrew 安裝一些外掛即可。更多ql外掛

• qlmarkdown 預覽 Markdown 文字效果，強烈推薦
• qlcolorcode 預覽程式碼高亮,強烈推薦
• qlstephen 檢視未知擴充名的純文字檔案
• qlimagesize 預覽顯示圖片寬高和大小,告別command + i
• betterzip 預覽解壓包

Chrome

octotree

線上瀏覽程式碼，從此告別github下載程式碼

Octohint

自動選擇原始碼中所有變數值，配合octotree，prefect

GITHUBER

開發者的新標籤頁。推送優質github專案

OneTab

技術神器，查閱資料時，很多捨不得刪的google tab標籤，統一管理

QR Code Generator

實時生成當前pc網址，H5開發必備。

有道詞典

線上劃詞，閱讀英文文件資料首選

Advertising Terminator

著名的廣告終結者

Momentum

炫酷的新標籤頁，與githuber不能同用

FireShot

網頁截圖，一鍵滾動擷取整個網頁

終端工具

iTerm2

Mac自帶的終端不是特別方便。 iTerm2是Terminal的替代品，但比Terminal優秀太多了。iTerm2可以設定主題，支援畫面分隔、各種快捷鍵。Mac預設使用的shell是bash，我們可以換成zsh（執行命令chsh -s /bin/zsh即可），搭配iTerm2使用，用起來十分順手。推薦solarized主題皮膚美化外觀，並開啟Hotkey Window (快速調出視窗)。iterm2常用快捷鍵如下：

• command + T：新建視窗
• command + d：橫向分屏
• command + shift + d： 豎向分屏
• command + enter： iterm2全屏
• option + space：全域性熱鍵，開啟iterm2，實用。（可在設定中修改）
• command + f：查詢
• command + 點選檔名： 開啟檔案
• 雙擊文字： 複製

oh my zsh

bash提示和介面美觀度不夠強大，而zsh有強大的自動補全引數和自定義配置功能等。oh my zsh是zsh的集大成者，幫助我們快速上手zsh。oh my zsh炫酷的外表+iterm分屏=程式設計師必備。

oh my zsh更強大的功能在於其自周邊配置外掛，oh my zsh維護了一個外掛列表，以下推薦實用的幾個外掛:

• zsh-syntax-highlighting。 命令著色外掛，幫助你為終端的命令著色。強烈推薦。
  1. 把外掛需要的檔案克隆到 zsh 預設的外掛目錄。執行命令：git clone https://github.com/zsh-users/zsh-syntax-highlighting.git $ZSH_COSTOM/plugins/zsh-syntax-highlighting/
  2. 把外掛名稱加入 oh-my-zsh 外掛列表。修改~/.zshrc，新增外掛名到後面：plugins=(git zsh-syntax-highlighting)
  3. 執行配置：source ~/.zshrc
• zsh-autosuggestions
  1. git clone git://github.com/zsh-users/zsh-autosuggestions $ZSH_CUSTOM/plugins/zsh-autosuggestions
  2. 修改~/.zshrc，新增外掛名到後面：plugins=(git zsh-syntax-highlighting zsh-autosuggestions)
  3. source ~/.zshrc
• autojump。厭倦了mac下找檔案不斷的cd？autojump幫你一鍵到達想要的檔案位置。
  1. git clone https://github.com/wting/autojump.git $ZSH_COSTOM/plugins/autojump/
  2. 修改~/.zshrc，新增外掛名到後面：plugins=(git zsh-syntax-highlighting zsh-autosuggestions autojump)
  3. source ~/.zshrc
• extract。開啟命令列x一鍵解壓
  1. extract外掛oh-my-zsh自帶，只是預設沒開啟。新增外掛名到後面：plugins=(git zsh-syntax-highlighting zsh-autosuggestions extract)
  2. source ~/.zshrc

VSCode外掛

介面優化

• vscode-icons推薦 設定vscode圖示。最新vscode已預設整合該外掛
• Bracket Pair Colorizer推薦 著色匹配括號。相似對外掛還有Rainbow Brackets
• Indent-Rainbow 四種不同顏色交替著色文字前面的縮排
• Trailing Spaces 檢測多餘空格並高亮
• TODO Highlight TODO備忘外掛
• Code Spell Checker 程式碼拼寫檢查
• Document This doc注視自動生成

HTML^推薦

• Auto Close Tag 自動閉合標籤
• Auto Rename Tag 自動重新命名標籤
• HTML Snippets html自動補全程式碼片段
• IntelliSense for CSS class names in HTML 在html中智慧提示CSS 類名
• HTML CSS Support 在style中智慧提示css樣式

JS^推薦

• npm Intellisense 智慧輔助輸入npm包。最新vscode已預設整合該外掛
• Path Intellisense 智慧輔助輸入路徑
• Auto Import 自動識別匯入
• Code Runner 執行測試程式碼
• Import Const 自動計算引入包大小
• Regex Previewer 測試寫的正規表示式

Vue/React^推薦

• Vetur Vue-VSCode必備，高亮程式碼，自動補全等
• React-Native/React/Redux snippets for es6/es7 react程式碼片段

TypeScript

• json2ts 自動轉換貼上板裡json資料為ts資料

擴充套件工具

• GitLens推薦 增強了vscode 中內建的 Git 功能。例如 commits 搜尋，歷史記錄和和檢視程式碼作者身份
• View In Browser 在vscode預覽瀏覽器
• SVG Viewer 在vscode內檢視svg圖示
• Auto-Open Markdown Preview 實時預覽markdown
• Markdown PDF 將markdown文件轉為pdf
• Debugger for Chrome vscode中除錯在chrome的js程式碼
• Eslint 校驗lint工具