#### sublime 和 hbuilder 全方位對比 * * * * * 關于這2個工具，其實是完全不同的2個類別。sublime是跨語言的增強型文本編輯器；HBuilder是專注于HTML、js、css的IDE。 就是說HBuilder是有HTML、js、css的語法解析引擎的，它認識你寫的代碼，知道該提示什么、知道轉到定義去哪里，你寫的每個變量、每個函數都會動態計算類型和返回值，這個是有難度的事情，世界上js的AST語法樹處理最好的3個工具就是`HBuilder`、`VS`、`webstorm`。而sublime是文本編輯器，它并不認識你var的變量是一個 `div` 的 `element` 還是什么其他東西，只是混沌的提示你寫過的詞。 如果說純前端開發，還是HBuilder好用，開發速度、出錯概率都好于sublime。 如果說開發其他語言，比如py、ruby、或者也算前端范疇但HBuilder還未提供對應語法引擎的比如coffescript、dart這些語言，由于HBuilder并沒有內置對這些語言的AST語法引擎，所以開發起來不如其他專業工具方便。 除了語法解析引擎，兩個產品還有其他區別： 1. 啟動速度和內存占用是sublime占優。當然你機子不要太差問題也不大。啟動雖然慢幾秒，但之后一天開發下來節省的可不是幾秒，怎么也得有半小時。 2. sublime的黑色主題看起來比較酷，雖然HBuilder也有夜間模式，但主推的是綠柔主題，它的主張不是看起來酷，而是環保，盯著這樣的屏幕一天下來，對眼睛、對腦疲勞程度都更好。在官網首頁綠柔主題介紹里有詳細說明，是經過專業醫療機構測試的。 3. 如果是基于開發手機App，那肯定是用HBuilder了。開發便利性、語法提示、調試、打包部署都非常方便。 4. 兩個工具各有一些特色功能，比如sublime的代碼地圖、熱退出；而HBuilder也有邊改邊看、大綱等特色 5. HBuilder還內置了最全的語法瀏覽器兼容庫，每個語法在哪個瀏覽器的哪個版本可用，這個數據是全世界最全的。其實本質也是我們對HTML5的理解深度、專業程度是遠勝于sublime其他工具的設計師的。 其實工具的作用并不完全重疊，也不算是非此即彼的關系，起碼都應該留在你的電腦里。 我個人的開發主力工具是HBuilder，但偶發也會打開sublime的。有些人有種觀點，叫不用工具手敲代碼才叫牛。 我覺得他其實就應該干脆直接用記事本，因為sublime也是有模糊提示的列表的，他們應該一點語法提示都不用！ 我從90年代開始寫web代碼，初期其實不需要ide，就幾個HTML標簽，真的就是用記事本寫。 但后來js起來了，那就開始記不住語法了。 發展到現在，我們已經無需記憶語法了，因為HTML5總共有7w個api，沒有背的必要。 并且語法和工程復雜到一定程度，就需要專業IDE了。就像寫`java`會用eclipse、寫.net會用vs、寫objectiveC用xcode，沒聽說這些復雜的高級語言還用sublime這類文本編輯器編程。 目前的HTML5，已經復雜到了這個地步了，很多沿襲老的習慣或觀點的人應該換下腦子了。 另外注意HBuilder可不是入門工具，它的定位是極客工具。它設計了非常多提高編程效率的方式。 在HBuilder里內置的hello HBuilder里的lesson1，如果熟練掌握HBuilder，幾分鐘就寫完了，如果使用sublime，至少比HBuilder慢十倍！真正的高手或極客，怎么會不在乎這種效率的差距呢？