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

回复

载入中...