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

6

以下是小弟新年時為了整理電腦所整理的清單。現在的工作主要為前端開發 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「我是工具控」分享,如果你也手持利器,那就一起来分享吧。


如果觉得我的文章对你有用,请随意赞赏

你可能感兴趣的

17 条评论
BingqiChen · 2016-03-11

Mobile debug tools这个调试工具,不是金丝雀独有的,在chrome dev版本中也有?

+1 回复

rayliao · 2016-03-12

台灣人?

+1 回复

浮生若梦的编程 · 2016-03-19

Awesome

+1 回复

吴隐隐 · 2016-03-09

求部分工具推荐理由 & 一张工位皂片(。・∀・)ノ゙

回复

andyyu0920 作者 · 2016-03-09

已更新部分,請原諒我發問 - 工位皂片是啥?

回复

micblo · 2016-03-09

工作位置的照片

回复

andyyu0920 作者 · 2016-03-10

已補上 XDDD

回复

吴隐隐 · 2016-03-10

站立式 好评

回复

andyyu0920 作者 · 2016-03-11

@BingqiChen 對吼!這算是重安裝前紀錄的小筆記,也感謝你提出問題:)

回复

andyyu0920 作者 · 2016-03-12

是的!

回复

andyyu0920 作者 · 2016-03-13

補上一篇很不錯的 atom 教學網址備份 http://j.mp/1MfdmOL

回复

天真真不知路漫漫 · 2016-03-18

atom下载 一直没有用

回复

HarryZhu · 2016-03-20

握爪,我也写了,[操千曲而后晓声:跨界矿工必备六神装精选]https://segmentfault.com/a/1190000004639278

回复

andyyu0920 作者 · 2016-03-20

感謝分享

回复

chenlixin · 2016-06-23

台湾的孩纸

回复

xirong · 2016-07-06

Atom 的几个插件不错~ 赞一个

回复

andyyu0920 作者 · 2016-09-22

持續補上好用的字體FiraCode

回复

载入中...