在網(wǎng)頁制作過程中，我們都會用到編輯器來制作網(wǎng)頁，而且每個人都有每個人的最擅長使用的編輯器。當(dāng)然我們只有熟悉自己手中的槍，打起仗來才能更勇猛，在日常工作中各式各樣的編輯器就像是不同的槍，前期我們需要熟悉一種編輯器來當(dāng)作我們手中唯一的一把槍，但是到了后來隨著技術(shù)的增長和對自己所使用的編輯器越來越熟悉，一桿槍再也不能幫助我們打天下了，因而要熟悉各種各樣的槍，面對不同的形式使用不同的槍。前端開發(fā)也就是這個道理，那么這里就來總結(jié)一下在前端工作中所用到的各個主流編輯器的優(yōu)勢！

1.webstorm

webstorm是由JetBrains公司開發(fā)的一款用于web開發(fā)的編輯器。JetBrains公司是專門生產(chǎn)編輯器的公司，當(dāng)然還有其生產(chǎn)的如phpstorm c++storm等等；webstorm是目前市場上代碼提示最全，功能性最好的一個前端編輯器。被譽為“前端的開發(fā)神器”，目前我也在使用這款編輯器。但是美中不足的是，webstorm是收費軟件，當(dāng)然也可以在網(wǎng)上找找破解webstorm的教程，各種各樣的破解教程可以讓您免費的使用這款強大的編輯器，只是我覺得破解太麻煩了所以我覺得這個是美中不足的一點。
2.VScode
VScode是由微軟開發(fā)的一款免費的編輯器，這款，可以通過VScode內(nèi)置的商店來下載安裝各種代碼提示和漢化包。因為他的靈活性比較高，而且使用時相對webstorm來說打開相對較快，并且可擴展性也比較高，所以VScode也深受前端的喜愛。
3.HBuilder
HBuilder是我們國產(chǎn)的一款免費的編輯器，有緩解疲勞的綠柔主題，以及上述兩個編輯器都具備的強大語法提示。最主要的它的文件類型默認(rèn)為markdown類型，以及自帶mui框架。mui框架是web移動端做app最常用的一個框架。所以我個人認(rèn)為，HBuilder是做app最高效的一款瀏覽器，它還可以通過數(shù)據(jù)線在手機上調(diào)試網(wǎng)頁，是開發(fā)手機端應(yīng)用和app的不二之選。但是HBuilder同樣有他的缺憾，那就是經(jīng)?？╞ug，出現(xiàn)代碼提示不完全或者沒有代碼提示。
4.Dreamweaver
Dreamweaver是由adobe公司開發(fā)的一款編輯器。在有前端工作經(jīng)歷的可能都用過這個編輯器，但是在實際的工作中卻又很少用到這個編輯器。由于adobe公司主要的產(chǎn)品是在我們熟知ps和已經(jīng)快涼涼了的flash上。所以adobe圖片處理的很成熟，而編輯器就差了那么一點，所以Dreamweaver一般情況下都是我們在剛開始入門這塊使用的一個工具，代碼提示是有，但是還很不完善，Dreamweaver中和其他編輯器中不同的一點估計就是它自帶的可視化布局了，但是在實際的前端工作中基本都不會用到這一塊的功能，所以Dreamweaver一般只作為入門練手使用。
以上就是我想要給大家介紹的前端的四款編輯器，可以根據(jù)個人的愛好以及實際的生產(chǎn)環(huán)境來自由選擇。