經(jīng)常會有人問學(xué)習(xí)Web前端到底該用哪個(gè)軟件寫代碼比較好呢？。目前市場上主流的Web前端開發(fā)代碼軟件有Webstorm、Vscode、Sublime、HBuilder、Dreamweaver等，但是哪個(gè)好用點(diǎn)呢？有啥特點(diǎn)呢？今天小編就來講講。

　　WebStorm是jetbrains公司旗下一款JavaScript開發(fā)工具，一款被廣大前端設(shè)計(jì)師譽(yù)為“Web前端開發(fā)神器”的H5編輯器。他與IntelliJ IDEA同源，繼承了IntelliJ IDEA強(qiáng)大的JS部分功能，因此被稱為“最智能的Java IDE”.大部分編輯器有的智能代碼不全，html提示，聯(lián)想查詢，代碼檢查等功能。

　　特點(diǎn)：功能強(qiáng)大，有很多集成功能，使用率90%。唯一缺點(diǎn)就是要收費(fèi)。

　　Visual Studio Code

　　簡稱VSCode，Visual Studio Code中文版是微軟推出的帶GUI的代碼編輯器，是一款免費(fèi)開源的現(xiàn)代化輕量級代碼編輯器，支持幾乎所有主流開發(fā)語言，軟件功能非常強(qiáng)大，界面簡潔明了。操作方便快捷，設(shè)計(jì)得人性化。軟化主要改進(jìn)了文檔視圖，完善對Markdown的支持。

　　特點(diǎn)：插件數(shù)量多，安裝方便，重點(diǎn)是免費(fèi)。微軟提供支持全職團(tuán)隊(duì)來開發(fā)的一款編輯器。該軟件同時(shí)支持主流三大平臺。

　　DreamWeaver

　　簡稱DW，是個(gè)由Macromedia公司所開發(fā)的著名網(wǎng)站開發(fā)工具。它使用所見即所得的接口，亦有HTML編輯的功能。

　　特點(diǎn)：DreamWeaver的缺點(diǎn)就是比較耗費(fèi)系統(tǒng)資源，這也許是IDE類產(chǎn)品的通病。其中，DW3.0乃是經(jīng)典版，這個(gè)軟件中規(guī)中矩，大部分常規(guī)功能都有。

　　Sublime Text

　　sublime text也是前端開發(fā)比較常見的工具之一，特點(diǎn)是可通過配置插件來構(gòu)建一個(gè)比較豐富的開發(fā)環(huán)境，同時(shí)sublime text比較輕（比Hbuilder還要輕），如果熟悉了它的快捷鍵，那么使用起來還是比較便捷的。Sublime Text的主要功能包括：拼寫檢查，書簽，完整的Python API，Goto功能，即時(shí)項(xiàng)目切換，多選擇，多窗口等等。

　　特點(diǎn)：收費(fèi)軟件、輕量插件多，安裝復(fù)雜，需要翻墻，剛開始學(xué)前端時(shí)用了一段時(shí)間我就棄用了，對于前端新手，不推薦使用。

　　HBuilder

　　HBuilder是專為前端打造的開發(fā)工具，具有飛一樣的編碼、最全的語法庫和瀏覽器兼容數(shù)據(jù)、可以方便的制作手機(jī)APP、最保護(hù)眼睛的綠柔設(shè)計(jì)等特點(diǎn)。支持HTML、CSS、JS、PHP的快速開發(fā)。整個(gè)操作比較簡便，顯示風(fēng)格我也比較喜歡，給人一種很輕的感覺，同時(shí)功能又很強(qiáng)大。

　　特點(diǎn)：使用Hbuilder有一個(gè)問題，就是之前開發(fā)過的頁面如果通過導(dǎo)入功能導(dǎo)入到Hbuilder中會出現(xiàn)中文亂碼。