IDE是整合開發環境，一般來說，前端用的只是編輯器。

比較熱門的是sublime，webstorm，vs code等。

隨便哪個都一樣，哪個順手用哪個。

IDE（Integrated Development Environment）即整合開發環境，一般而言，前端用的是編輯器。如微軟的Visual Studio系列，Borland的C++ Builder、Delphi系列、HomeSite、DreamWeaver等等。具體要用哪個，視個人情況而定。

整合開發環境(IDE，Integrated Development Environment )是用於提供程式開發環境的應用程式，一般包括程式碼編輯器、編譯器、偵錯程式和圖形使用者介面工具。集成了程式碼編寫功能、分析功能、編譯功能、除錯功能等一體化的開發軟體服務套。所有具備這一特性的軟體或者軟體套(組)都可以叫整合開發環境。如微軟的Visual Studio系列，Borland的C++ Builder、Delphi系列等。該程式可以獨立執行，也可以和其它程式並用。IDE多被用於開發HTML應用軟體。例如，許多人在設計網站時使用IDE(如HomeSite、DreamWeaver等)，因為很多項任務會自動生成。這裡介紹下使用較多的IDE——Dreamweaver.和Phpdesigner。

　　Dreamweaver是美國MACROMEDIA公司開發的集網頁製作和管理網站於一身的所見即所得網頁編輯器，它是第一套針對專業網頁設計師特別發展的視覺化網頁開發工具，利用它可以輕而易舉地製作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網頁。它的優點就是直觀性，使用方便，容易上手，您在所見即所得網頁編輯器進行網頁製作和在WORD中進行文字編輯不會感到有什麼區別，但它同時也存在著致命的弱點：一、 難以精確達到與瀏覽器完全一致的顯示效果。二、 頁面原始程式碼的難以控制性。所以對高層次的開發者不建議使用所見則所得網頁編輯器，可採用操作性也比較簡單的Phpdesigner。

　　Phpdesigner 不僅支援php ，也支援其他網路語言像html ，xhtml， xml，css和javascript ， vbscript，java， c #，perl ， python等!Phpdesigner 7支援PHP中你最喜歡的框架，它也支援任何流行的JavaScript框架，如jQuery的全雅虎UI庫，ExtJS原型和MooTools。Phpdesigner 不像Eclipse那麼麻煩，不像Dreamweaver那麼大。完整的整合開發環境，對於PHP無論初學者和專業開發人員，幫助您提高編輯過程中，分析，除錯及出版應用和網站採用PHP和其它網路語言。

IDE整合開發工具，重型的用的最多的是webstorm，還有dreamweaver,golive,webdesigner，早期frontpage四個個視覺化IDE，在加上netbeans專門做web的版本，總共六個重型IDE，重型的功能全面但執行速度慢。

輕型的前端工具就很多了，現在主流的有vscode,Brackets,atom,komodo edit,editplus最新版本，還有sublime text這種適合記憶力強的人員。其他支援emmet功能的編輯器都可以用來做前端，並且開發速度都能保證。

適合記憶力差，最古老的是homesite，比較新的topstyle pro，可惜都不支援emmet。

這麼多工具中最智慧最強的屬webstorm和vscode。