編輯器-vscode
前端開發工具，超級好用的編輯器，是大前端不可多得的。微軟出品，跨平臺支持，高價值，易於使用，豐富的插件支持。以下是壹些常見的前端插件。
調試工具:前端性能優化工具；
黃色實驗室工具:壹個Web性能和前端質量測試工具。與其他工具不同的是，它具有壹些在其他工具中無法看到的獨特功能，例如加載頁面時JavaScript和DOM之間的交互以及其他程序代碼驗證問題。
DOM monster:您只需將其添加到瀏覽器書簽中，在任何需要調試的頁面上單擊此書簽，它將幫助您列出當前頁面的性能問題。
前端開發是目前非常熱門的行業，就業前景和薪資水平都很好。至於開發工具，有很多，大多數代碼編輯器和IDE環境都支持。這裏我簡單介紹四款非常不錯的前端開發工具，感興趣的朋友可以試試:
01代碼編輯器
這是目前前端開發非常流行的開發工具。在業內很受歡迎。它是免費、開源和跨平臺的。它是由微軟獨立開發的。可以說是良心產品了。該軟件可以很好地支持智能補全、代碼高亮和語法提示等常用功能。此外，插件擴展非常豐富，可以很好地編輯和調試。它輕便、靈活、快速。對於前端開發來說，它是壹個非常。
這也是壹個相對輕便靈活的代碼編輯器，具有強大的文本編輯功能，完美支持三大操作平臺，但原則上不是免費的。與VS Code類似，Sublime Text也支持自動補全、語法提示、代碼高亮顯示等常用功能。此外，它還為前期開發提供了很多插件，無論是編輯代碼還是調試代碼都非常方便，對於前端開發來說也是壹個不錯的選擇:
02 IDE環境
這是壹款純國產的Web IDE開發工具，目前在前端開發中使用率很高。常見的功能如自動完成、代碼高亮顯示、語法提示、錯誤檢查等。可以很好的兼容。此外，界面柔和綠色，清爽護眼。專門為Vue做了壹個插件擴展，可以提高開發效率，支持Android和iOS打包。對於前端開發來說也是壹個非常好的選擇。
這是壹個非常專業的Web IDE開發工具。Jetbrains的產品被稱為“Web前端開發神器”和“最智能的JavaScript IDE”。除了智能補全、代碼高亮、語法提示等基本常用功能外。，該軟件還支持代碼分析和重構、關聯查詢、單元測試等高級功能。，因此開發效率更高，更適合大型項目。對於多人協作前端開發，
網絡風暴
它由jetbrains公司與idea共同開發，是壹款JavaScript開發工具，被中國JS開發者譽為“Web前端開發神器”、“最強大的HTML5編輯器”和“最智能的JavaScript IDE”。
作為壹個插件，Zaozao可以與Eclipse集成來開發前端。現在已經獨立了，也是我第壹次接觸js的開發工具。如果我熟悉帶Eclipse快捷鍵的童鞋，我可以很快上手。
壹個代碼編輯器，借助豐富的插件資源，可以擴展成壹個強大的前端開發工具。與IDE相比，它是輕量級的，啟動非常快。
原子
作為開源老大哥GitHub出品的代碼編輯器，和上面的相比，插件少了壹些，但是和GitHub無縫集成，尤其是markdown，界面很漂亮。
TextMate是MAC下著名的文本編輯器軟件，在Mac上與BBedit合稱為emacs和vim。特別適合程序員使用，可以自定義很多貼心的功能。
Emacs，即編輯器宏，是壹個功能強大的文本編輯器。Emacs使用了壹種高度可擴展的編程語言Emacs Lisp（其核心是壹個Emacs Lisp解釋器），並實現了文本編輯支持的擴展。
Notepad++是Windows操作系統下的壹套文本編輯器（軟件版權許可:GPL），具有完整的中文-文化界面和支持多語言編寫的功能（UTF8技術）。
VSC-VSCode
輕量級和快速，高價值，社區開源，豐富的擴展，由微軟支持。
還有超級易用的遠程開發（vscode remote）和直播分享支持。
無論是Python、Java還是javascript，當我們選擇開發工具時，許多人首先會想到jetbrain的全家桶、Webstorm、IDEA、Pycharm...不得不說，jetbrain在開發工具方面確實很有經驗。
但是，如果妳做前端開發，我認為除了jetbrain的webstorm之外還有很多選擇，我最推薦的是VS Code。下面就來介紹壹下。
VS代碼
微軟在開發工具領域積累多年，VS Code有時會結合visual studio和其他開發工具來不斷改進和優化壹款免費開發工具。
可以說VS Code是目前最流行的開發工具之壹。與eclipse和IDEA等舊的開發工具相比，微軟在VS代碼的變化上更加大膽和創新，並壹直處於領先地位。每年，在微軟開發者大會上，VS代碼都會有很大的創新。經過多年的優化，VS Code已經讓很多開發者愛不釋手。
首先，我們來談談它眾所周知的優點。
首先，我們來談談輕量化。我想光是這壹點就足以讓jetbrain的家人感到羞愧。無論是webstorm還是IDEA，最痛苦的是打開過程，這個過程臃腫而漫長，加載工程項目和配置項需要多少分鐘是無法忍受的。另壹方面，VS Code更像壹個編輯器，可以在幾秒鐘內打開，速度堪比UE和notepad++等文本編輯器。
其次，我們來談談豐富的插件。豐富的插件造就了VS代碼的完整生態。“妳想要的東西都在這裏。”無論是標簽樣式、調試還是功能增強，VS Code都有許多流行的插件，這大大提高了您的開發效率。當然前端需要的高質量插件都在這裏了。
其實讓我轉向VS代碼的並不是這兩點，而是遠程開發。
我認為這是微軟大膽創新和領導作用的必然產物，這使許多其他開發工具難以匹敵。
借助VS Code的遠程開發功能，我們可以實時同步本地和服務器代碼，無需對遠程服務器進行復雜的配置，這對於項目管理來說也非常方便。
我很高興回答妳的問題。作為後端開發人員，我也開發過前端，使用過很多前端開發工具。
1.sublime文本確實不錯，但是代碼開發提示不強，平時用個文本編輯器還是可以的。
2.hbuild+用了壹段時間不適用，最後卸載了。
3.vs代碼寫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，感覺非常酷。
網絡風暴和PS
尤其是日常生活中也需要的PS，相當方便。
妳知道如何快速應用開發工具嗎？