學習Web前端用什么編輯器?

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

WebStorm

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

特點:功能強大,有很多集成功能,使用率90%。唯一缺點就是要收費。

? ? ? ? ? ? ? ? ?

圖片發(fā)自簡書App

Visual Studio Code

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

特點:插件數(shù)量多,安裝方便,重點是免費。微軟提供支持全職團隊來開發(fā)的一款編輯器。該軟件同時支持主流三大平臺。

圖片發(fā)自簡書App


DreamWeaver

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

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

圖片發(fā)自簡書App

Sublime Text

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

特點:收費軟件、輕量插件多,安裝復雜,需要翻墻,剛開始學前端時用了一段時間我就棄用了,對于前端新手,不推薦使用。

圖片發(fā)自簡書App


HBuilder

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

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

圖片發(fā)自簡書App

wampServer

WampServer,是Windos Apache Mysql PHP集成安裝環(huán)境,即在window下的apache、php和mysql的服務器軟件。PHP擴展、Apache模塊,開啟/關閉鼠標點點就搞定,再也不用親自去修改配置文件了,WAMP它會去做。再也不用到處詢問php的安裝問題了,WAMP一切都搞定了。

圖片發(fā)自簡書App
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容