編輯器——VSCode
前端開發利器，超級好用的編輯器，對於大前端來說更是不可多得。由微軟出品，跨平臺支持，顏值高，易上手，豐富的插件支持。下面推薦幾個前端常用插件。
調試工具： 前端性能優化工具：
Yellow Lab Tools ：壹款Web性能及前端質量測試工具。與其他工具不同的是，它有壹些在其他工具上無法看到的獨特功能，例如頁面加載時 JavaScript 與 DOM 互動和其他程序代碼驗證問題。
DOM monster ：妳只需要添加到妳的瀏覽器書簽中,在任何需要調試的頁面點擊這個書簽,它就能夠幫助妳列出目前頁面出現的性能問題。
前端開發是目前壹個非常火的行業，就業前景和薪資水平都非常不錯，至於開發工具的話，那就非常多了，大部分代碼編輯器、IDE環境都支持，下面我簡單介紹4個非常不錯的前端開發工具，感興趣的朋友可以嘗試壹下：
01 代碼編輯器
這是目前前端開發壹個非常流行的開發工具，在業界非常受歡迎，免費、開源、跨平臺，由微軟自主研發，可以說是良心產品，常見的智能補全、代碼高亮、語法提示等功能這個軟件都能很好支持，除此之外，插件擴展非常豐富，可以很好的進行代碼編輯和調試，輕巧靈活，運行速度快，對於前端開發來說，是壹個非常不錯的選擇：
這也是壹個比較輕巧靈活的代碼編輯器，文本編輯功能強大，完美支持3大操作平臺，但原則上不免費，和VS Code類似，Sublime Text也支持自動補全、語法提示、代碼高亮等常見功能，除此之外，針對前段開發也提供了非常多的插件，不管是編輯還是調試代碼來說，都非常方便，對於前端開發來說，也是壹個不錯的選擇：
02 IDE環境
這是壹個純粹的國產Web IDE開發工具，目前在前端開發中也有著較高的使用率，常見的自動補全、代碼高亮、語法提示、錯誤檢查等功能這個軟件都能很好兼容，除此之外，界面柔綠、清爽護眼，針對Vue專門打造了插件擴展，可以很好的提高開發效率，還支持安卓、iOS打包，對於前端開發來說，也是壹個非常不錯的工具：
這是壹個非常專業的Web IDE開發工具，Jetbrains公司的產品，被譽為“Web前端開發神器”、“最智能的JavaScript IDE”，除了基本的智能補全、代碼高亮、語法提示等常見功能，這個軟件還支持代碼分析與重構、 聯想查詢、 單元測試等高級功能，因此在開發效率上更高，也更適合大型項目，對於多人協作的前端開發來說，是壹個非常不錯的選擇：
WebStorm
和idea同屬於jetbrains公司開發的，它是旗下壹款JavaScript開發工具，被廣大中國JS開發者譽為“Web前端開發神器”、“最強大的HTML5編輯器”、“最智能的JavaScript IDE”等。
早起作為壹個插件可以集成與Eclipse中來開發前端，現在已經獨立出來，也是我最早接觸js所使用的壹款開發工具，如果熟悉了Eclipse快捷鍵的童鞋可以快速上手。
壹款代碼編輯器，借助豐富的插件資源，可以擴展成強大的前端開發工具，和IDE相比，屬於壹款輕量級的，啟動特別快。
Atom
作為開源老大哥GitHub出的壹款代碼編輯器，和上面那個比較而言，插件略少，但和GitHub無縫結合，尤其是markdown編寫，界面也很漂亮。
TextMate是Mac下的著名的文本編輯器軟件，與BBedit壹起並稱蘋果機上的emacs和vim。尤其適合程序員使用，可以定制許多貼心使用的功能。
Emacs即Editor MACroS（宏編輯器），是壹種強大的文本編輯器。Emacs使用了Emacs Lisp這種有著極強擴展性的編程語言（它的核心是壹個Emacs Lisp解釋器），並實現了文本編輯支持等的擴展。
Notepad++是 Windows操作系統下的壹套文本編輯器(軟件版權許可證: GPL)，有完整的中文化接口及支持多國語言編寫的功能(UTF8 技術)。
VSC-VSCode
輕量快速，高顏值，社區開源，豐富擴展，微軟支持
還有超好用的遠程開發(vscode remote)和協作(live share)支持
無論是Python、Java、javascript，當我們選擇壹款開發工具時，很多人都會首先想到jetbrain全家桶，Webstorm、IDEA、Pycharm....不得不說，jetbrain在開發工具方面真的是頗有心得、爐火純青。
但是，如果做前端開發，我認為除了jetbrain的webstorm，還有很多選擇，而其中我最為推薦的當屬VS Code，下面就來介紹壹下。
VS Code
微軟在開發工具領域已經有了多年積澱，而VS Code有時微軟結合了visual studio和其他開發工具，不斷改進、優化推出的壹款免費開發工具。
可以說VS Code是當下最為熱門的開發工具之壹，對比於eclipse、IDEA這些老牌開發工具，微軟對於VS Code的改變更為大膽創新，已經處於領頭羊的地位。每年微軟開發者大會，都會對 VS Code進行大幅度的創新，經過多年的優化，VS Code已經讓很多開發者愛不釋手。
首先說壹下它幾個為人熟知的優點，
首先說壹下輕量化，我覺得僅憑這壹點，就足以讓jetbrain全家桶汗顏。無論是webstorm、還是IDEA，最令人痛苦的就是打開過程，臃腫、漫長，加載工程項目和配置項需要多大幾分鐘，令人無法忍受。而VS Code則不同，它更像壹個編輯器，能夠秒級打開，速度堪比UE、notepad++這些文本編輯器。
其次說壹下豐富插件，豐富的插件造就了VS Code完整的生態，“妳想要的，這裏都有”，無論是標簽樣式還是DEBUG或者功能增強，VS Code都有非常多熱門的插件，使得妳的開發效率大大提升，當然，前端需要的那些優質插件這裏都有。
其實，讓我轉向VS Code並非上述這兩點，而是 遠程開發 。
我覺得這是微軟大膽創新和引領者角色必然的產物，讓很多其他開發工具很難望其項背。
有了VS Code遠程開發功能，我們可以實時同步本地和服務器代碼，不需要再去復雜的配置遠程服務器，對於項目管理也非常方便。
很高興能回答妳的問題，作為壹個後端開發，也曾經開發過前端，也用過很多前端開發工具。
1.sublime text用著確實不錯，但是代碼開發提示不強，平時用著文本編輯器還是可以的。
2.hbuild+用了壹段時間各種不適用，最後就卸載了。
3.vs code用著壹段時間寫vue，需要安裝插件，而且提交代碼用感覺不方便，把不想提交的最後提交了，導致代碼沖突，也許是因為自己用不熟。
4.webstorm 推薦使用，代碼智能提示，而且提交代碼方便。
HTML通常會和JavaScript、CSS同時出現。三者均是前端開發最常用到的。目前最常用到的HTML其實就是HTML5。常用的前端編程軟件有HBuilder、Sublime Text等等。
HBuilder是壹款免費的國產前端開發工具，編者用的就是HBuilder，對於小白和英語不太好的前端開發者這是壹款難得的IDE。對代碼自動補全方面簡直是強大到沒朋友。強力推薦。
Sublime Text是壹個輕量級的編輯器，不端支持前端的html，js，css。還支持覺得多數的後端語言，比如C語言、java、python等。sublime text的強大之處是支持各種插件而且快捷鍵非常好用，可以極大的提高開發效率。缺點是代碼提示方面不如Hbuilder。
喜歡用webstorm，atom和vs code，sublimetext都裝了，幾乎只用webstorm，atom界面是漂亮，也是我第壹個下載安裝的，裝了各種插件，那時初學，感覺提示不全，還有就是插件安裝了幾個後開機明顯變好慢，無奈下了webstorm，感覺很爽
WebStorm和PS
尤其PS，平時生活中也需要用到，挺方便的
妳們知道快應用開發工具不