2015 的工具包,持續邁向 2016!

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

[UPDATE]
補上一些簡易的心得

OSX 一般軟體

管理服務

開發

  • ✔︎Atom - 開發編輯器

    • UI Theme - Native

    • Syntax Theme - Solarized Dark

    • CTRL + Shift + M = Markdown Preview
      免費套件又多,唯一的缺點就是開那種單行大檔(bundle file)會死

  • ✔︎VSCode - For Javascript and debug

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

  • ✔︎Dash - 開發 API 文件快速查閱
    節省一直開瀏覽器 tab 的機會,查詢速度極快 ★★★★★

  • ✔︎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 安裝服務整合指令
    省去被一堆指令,類似於在 unix like 這樣啟動/停止服務 ★★★★★

  • ✔︎SourceTree - git GUI

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

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

  • rubular - Regex 測試

  • ✔︎regexr - Regex 測試

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

  • devdocs - API 文件會整

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

  • norse - DDOS 地圖

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

  • instabug - Bug 回報溝通

設計

社群

網路服務類

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

快捷鍵

擴充套件

  • 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

[2016-03-10 UPDATE]

應觀眾要求補上工位照

[2016-09-22 UPDATE]

FiraCode 字體

本文参与了 SegmentFault「我是工具控」分享,如果你也手持利器,那就一起来分享吧。

你可能感兴趣的:(我是工具控)