2015 的工具包，持續邁向 2016！

以下是小弟新年時為了整理電腦所整理的清單。現在的工作主要為前端開發 React/Vue，偶而兼職後端 Rails。打勾的持續使用與推薦的，沒打勾的可能軟體不差但使用習慣關係好像沒那麼常開啟。作業系統是 OSX 分享給大家。

OSX 一般軟體

• ✔︎ CoconutBattery - 電池資訊

• ✔︎ Bartender 2 - OSX Menu bar icon 整合

• ✔︎ OmniDiskSweeper - 空間清理

• ✔︎ WiFi Explorer - Wifi 強度偵測

• ✔︎ ember - 擷取畫面與管理

• appzapper - 軟體移除

• growl - 通知管理

• LunchBar - 快速搜尋啟動

• ✔︎ Alfred - 快速搜尋啟動

• ✔︎ CheatSheet - 長按 command 顯示快捷鍵

• ✔︎ AppCleaner - 軟體移除

• ✔︎ Divvy - 視窗佈局快速切換

• Moom - 視窗佈局快速切換

• ✔︎ Dr. Cleaner - 記憶體, 硬碟空間清理

• ✔︎ Dropbox - 雲端硬碟

• ✔︎ Chrome - 瀏覽器

  • Postman

  • Bitly - 短網址

  • Momentum - Dashboard

  • Pocket - 連結備份儲存

  • Wappalyzer - 網站技術分析

  • Open SEO Stats - PageRank

• ✔︎ Firefox - 瀏覽器

  • SQLite Manager

  • Awesome screenshot

• Vivaldi - 瀏覽器 for 閱讀

• ✔︎ LibreOffice - 文件編輯

• ✔︎ VLC - 影音

• Skitch - 畫面擷取

• ✔︎ Spotify - 串流音樂

• ✔︎ TeamViewer - 遠端遙控

• ✔︎ VMWare Fusion - 虛擬作業系統

• ✔︎ The Unarchiver - 壓縮

• ✔︎ Transmit - FTP, SFTP, AWS

• ✔︎ uTorrent - BT

• ✔︎ ScreenFlow - 錄螢幕

管理服務

• ✔︎ Wunderlist - Todo

• ✔︎ Trello - 看板

• ✔ Sunrise - 日曆

• asana - 團隊任務管理

• ✔︎ 番茄土豆 - 番茄鐘

• producteev - 團隊任務管理

開發

• ✔︎ Atom - 開發編輯器

  • UI Theme - Native

  • Syntax Theme - Solarized Dark

  • CTRL + Shift + M = Markdown Preview

• ✔︎ VSCode - For Javascript and debug

• ✔︎ vim + MacVim - 開發編輯器

• ✔︎ Dash - 開發 API 文件快速查閱

• ✔︎ iTerm2 - 終端機軟體

• ✔︎ ohmyzsh - zsh 工具

• ✔︎ Chrome canary - 開發版 Chrome，有 Mobile debug tools

• ✔︎ Hex Fiend - 編輯 HEX

• ✔︎ Kaleidoscope - 檔案比對 diff

• ︎ Sequel Pro - MySQL GUI

• ✔︎ MySQLWorkbench - MySQL GUI

• Navicat - PostgreSQL, MySQL GUI

• ✔︎ Postico - PostgreSQL GUI

• MongoVUE - MongoDB GUI(window)

• ✔︎ robomongo - Best MongoDB GUI

• ✔︎ TextWrangler - 文字編輯器 with 編碼 BOM etc

• ✔︎ Homebrew - 軟體，函式庫安裝管理

• ✔︎ Xcode - OSX 整合開發編輯器

• Github app - git GUI

• ✔︎ fabric kit - 追蹤 Crash 等工具

• ✔︎ homebrew-services - 啟動 brew 安裝服務整合指令

• ✔︎ SourceTree - git GUI

• forward - ssh tunneling 讓其他人直接連到本機開發中網站

• ✔︎ ngrok - ssh tunneling 讓其他人直接連到本機開發中網站

• rubular - Regex 測試

• ✔︎ regexr - Regex 測試

• ✔︎ caniuse - 瀏覽器支援測試

• devdocs - API 文件會整

• Website Grader - 網頁測試分析工具

• norse - DDOS 地圖

• ✔︎ PageSpeed - 網頁測試分析工具

• instabug - Bug 回報溝通

設計

• OmniGraffle - Stencil + Wireframe

• ✔︎ origami - 設計動態 Prototyping

• ✔︎ PixelStick - 測量螢幕精準 px

• ✔︎ Rulers - 測量 px

• ✔︎ Sip - Color Picker

• ✔︎ Sketch - 繪圖設計工具

• ✔︎[Adobe Illustrator CC 2015]() - 向量圖工具

• ✔︎[Adobe Photoshop CC 2015]() - 繪圖設計工具

• Pencil - 單機 wireframe

• ✔︎ Cacoo - Online wireframe

• balsamiq - 單機 wireframe

• colourco - 色票

• ✔ 0to255 - 色票

• ✔ fontsquirrel - 字體

• ✔ 马克鳗 - 標記，測量

• siteinspire - 靈感

• deviantart - 靈感

• dribbble - 設計靈感

• brandcolors - 各大品牌 color palettes

社群

• ✔ Slack

• ✔ Line

• ✔ KakaoTalk

• ✔ WeChat

• ✔ Skype

• ✔ gitter - Github 交流

網路服務類

• intercom - User feedback

• RunScope - API 監視

• getgalileo - API 監視

• ✔ jsfiddle - JS 線上 Demo

• keybr - 英打練習

• 財報狗

• ✔ gtmetrix - 網頁開發分析

• ✔ imgur - 圖片分享

• statcounter - 趨勢分析

• zapier - 服務串連工具

• ifttt - 服務串連工具

• prezi - 簡報服務

• ✔ codepen - 線上 HTML, CSS, JS

• jsbin - 線上 HTML, CSS, JS

• droplr - 快速上傳圖片分享

• tailorbrands - 快速 logo 產生

• mailgun - 寄信服務

• defonic - 白噪音

• ✔ urban - 新世代英文單字查詢

• calendly - 協同日曆

• teachable - 銷售課程

• ✔ quizlet - 語言學習, 背單字

• Bussiness Canvas

Atom 偏好設定

Use Preview Tabs

說明

點一下是預覽檔案，點兩下才開啟 Tab

設定

1. 開啟 Preferences

2. 選取 Packages

3. 搜尋 tabs

4. 點 Settings

5. 勾選 Use Preview Tabs

關閉自動補齊加入 Buffers

說明

自動補齊會把之前打過的字加入，很惱人。

設定

1. 開啟 Preferences

2. 選取 Packages

3. 搜尋 autocomplete-plus

4. 點 Settings

5. 關閉 Include Completions From All Buffers

快捷鍵

• shortcut

擴充套件

• highlight-selected

• Sublime-Style-Column-Selection

• advanced-open-file

• atom-ternjs

• color-picker

• emmet

• git-log

• vim-mode

• vim-surround

• file-icons

• autoclose-html

• language-slim

• language-babel

• linter

• docblockr