作為一名前端攻城獅,如何選擇一款好用的編輯器?

2021-01-09 前端程序媛

工欲善其事,必先利其器。作為前端工程師,你都用過哪些編輯器?入行三年多,用過好幾款編輯器,今天給大家例舉以下。

EditPlus

這是一款文本編輯器,它的代碼會高亮顯示,非常適合剛入行的童鞋使用,當你敲代碼時,它不會給你提示,這樣的話很大程度會鍛鍊我們手寫代碼的能力,也能更快地記住一些相關API。

EditPlus圖標

Dreamweaver

Dreamweaver原來是鼎鼎大名的,很長一段時間DW就是網頁製作的主戰場,DW可以被稱為IDE,提供了很多功能,最大的特點是具有所見即所得的功能,DW有三種視圖模式:代碼模式、設計模式和拆分模式,對於代碼不熟練的初學者非常友好。目前DW的主要問題是老,當然如果老而彌堅是沒問題的,但現在流行的前後端分離的項目,VUE,Angular,React框架,使用DW有力不從心的感覺,DW不支持ES6語法的高亮提示。不支持CSS預編譯語法。不知道DW會不會推出新的版本,如果不,大概DW會逐漸退出前端的舞臺了。

如果你要製作表格的話,我建議你使用DW來畫,否則不建議使用。

DW圖標

Sublime

Sublime只是一個文本編輯器,它的擁護者也很多,非常輕量級,打開文件速度很快,

但要愉快的使用Sublime,需要安裝很多插件,同樣需要安裝插件的情況下我比較願意使用VS code,沒什麼原因,可能就是習慣了。

Sublime圖標

VS Code

VS Code全稱是Visual Studio Code ,它的特點有一點很值得注意,那就是免費,安裝VS Code及其插件非常容易,和微軟的其他Visual Studio產品比較,VS Code只是一款輕量級的代碼編輯器,而不是一個重量級的完整 IDE,但在前端領域已經足夠優秀。使用它需要安裝一些插件,但是只要你不是內網,安裝插件就是分分鐘的事情,個人是比較喜歡這一款的。

VS Code圖標

WebStorm

WebStorm在前年的時候我是非常喜歡用它的,它的功能全,集成度高,幾乎想要的都有,開發效率非常高,但WebStorm的缺點是打開速度慢,佔用內存多,如果你的電腦配置不好,也許用它不是一個好的選擇。另外WebStorm是收費軟體,這一點比不過VS Code。

每次試用30天就用不了了,破解起來也麻煩,而且真的是超級消耗內存,只要一打開它,我電腦就動不了了!

WebStorm圖標

Hbuilder

Hbuilder是DCloud推出的一款支持HTML5的Web開發IDE。比上面的幾種編輯器比較Hbuilder的用戶少了一些,Hbuilder宣稱自己快,也許指的是開發效率,就其打開速度和響應速度而言,我覺得可以用一個慢字形容。Hbuilder對BootStrap和webApp的支持非常好,如果做這樣的項目Hbuilder是個好選擇。

綜上所述,如果你是初學者可以使用DW和EditPlus練手,我覺得是非常合適的。如果你有經驗了,而且是團隊協作的話,最好根據團隊的使用情況統一編輯器,這樣寫出來的代碼風格也是一樣的,便於維護。如果是你個人項目的話,那麼就隨你選擇了,個人習慣不一樣,目前我還是局的VS CODE是最好用的。

相關焦點

  • 這款編輯器軟體很多人都說好用
    其實,要給PDF文件添加數字籤名,我們可以選擇把這份文件轉換成PDF格式的文件,再通過PDF編輯器給這份PDF文件添加數字籤名。那麼,給PDF文件添加數字籤名,我們可以選擇哪一款PDF編輯器呢?另外,我們又該如何使用PDF編輯器給PDF文件添加數字籤名呢?試試「迅捷PDF編輯器」,這款PDF編輯器軟體很多人都說好用。
  • 3款好用的微信公眾號平臺編輯器推薦,排版必備!
    一般對文章進行排版就離不開微信編輯器,將文章排版完成後,再放到公眾平臺統一發布,那麼最好用的微信公眾號平臺編輯器有哪些呢?以下這三款堪稱排版必備哦。看看你有沒有用過吧。1、96編輯器如果說哪款微信公眾號平臺編輯器最好用,我首先推薦的就是96編輯器,界面簡潔清楚,很快就能找到需要的樣式,使用也是很方便的,將文章內容導入或者粘貼進編輯區,就可以進行排版了。
  • 微信公眾平臺圖文排版編輯器哪些好用?免費微信編輯器推薦
    免費微信編輯器哪個好用?微信編輯器可以幫助用戶把文章排版得更加精美,那麼微信公眾平臺編輯器有哪些呢?下文小樂哥給大家介紹一下!  免費微信編輯器哪個好用?  最近有好幾個小夥伴給我留言,說要推薦幾個好用的微信編輯器。
  • 20款最優秀的JavaScript編輯器 哪家強你說了算!
    毫無疑問SublimeText,Notepad++,webstorm等,是市面上最主導的編輯器,但當然也有一些更多的JavaScript編輯器提供眾多的特性和功能,方便和輕鬆自由的編碼。本文整理了20款JavaScript編輯器,到底哪家強?你說了算!1. Webstorm
  • 簡單高效的微信推文編輯器,你用過哪款?
    公眾號文章排版離不開微信推文編輯器,除了將文章內容排版整齊的需求,使用起來還要簡單高效,提高效率,為了滿足廣大公眾號小編的需求,下面就一起來看簡單高效的微信推文編輯器都有哪些吧,你用過哪款呢?1、96編輯器96編輯器就是一款簡單高效且非常好用的微信推文編輯器,功能齊全,對公眾號運營者來說是非常友好的。為了方便排版,96編輯器提供一鍵排版功能,也可以直接使用模板插入或者秒刷,套用現成的模板。如果想用其他人好看的排版樣式,還可以使用導入文章採集文章功能,直接借鑑別人的模板,喜歡別人的封面圖或者視頻,直接使用提取封面圖、提取視頻功能就能實現,非常方便。
  • 公眾號文章排版,用什麼微信編輯器比較好?
    其他公眾號文章要想奪人眼球,使用微信編輯器排版是必不可少的,下面就一起看下公眾號文章排版用什麼微信編輯器比較好吧。96編輯器首先96編輯器可以說是網頁在線編輯器中比較具有代表性的一款。頁面簡潔,功能分區明顯,樣式模板非常豐富,可以根據分類和關鍵詞進行搜索,尋找想要的素材。
  • 這款PDF編輯器我們都在用
    相信大家對「迅捷PDF編輯器」並不陌生,我們經常需要使用到這款軟體對PDF文件進行閱讀、編輯操作。那麼,大家知道怎麼給PDF文件中的文字添加刪除線嗎?接下來,小編就以我們都在使用的這款「迅捷PDF編輯器」作為示範工具,給大家講講給PDF文件中文字添加刪除線的具體方法步驟。
  • 親自使用10款微信圖文編輯器,這三款強力推薦!
    一提到公眾號排版,可能很多人都會首先想到微信圖文編輯器,畢竟都是一些非常專業的排版工具,素材模板很多,樣式也很好看。不過這種類型的編輯器太多,讓很多剛從事排版工作的人很難選擇。在親自使用了10款微信圖文編輯器之後,強力推薦這三款微信圖文編輯器,簡直是太好用了。
  • 微信公眾號文章編輯器有哪些?哪款好?
    做公眾號的都離不開排版,市面上的排版工具五花八門,各有各的優勢和特點,讓人在選擇的時候眼花繚亂,下面就為大家介紹幾款比較常見的微信公眾號文章編輯器,帶來他們的優勢和缺點,看看你用過哪款吧。缺點:沒啥缺點,比較成熟的編輯器了,免費素材多,操作簡單,性價比極高。2、主編編輯器優點:1、頁面簡單,沒有太多的廣告宣傳,排版功能比較純粹。
  • 微信圖文排版編輯器哪個好用
    今天小編來給大家推薦一款插件式的微信圖文排版編輯器——壹伴助手,可以直接在公眾號後臺直接編輯圖片和文字,一起來看看吧~公眾號怎麼編輯圖片通常,我們會先處理好圖片,再上傳到公眾號添加進文章裡我們選中圖片,點擊編輯按鈕,選擇壹伴、懶設計,或者是創客貼,進入到編輯圖片的頁面後,就可以開始進行高級操作了。小編以壹伴的頁面為例,大家可以自行選擇上傳本地圖片,還是壹伴提供的無版權圖庫裡的圖片,當然也可以使用純色背景,來設計想要的原創圖片,讓大家儘可能避免圖片版權風險。
  • 適合新手用的公眾號文章編輯器,你必須知道這一款!
    對很多新手從事公眾號運營的人來說,往往是寫作兩小時,排版一整天,能夠選對合適的編輯器就是非常重要的事情了。面對市面上琳琅滿目的公眾號文章編輯器,適合新手排版用的,我比較推薦96編輯器,功能全面,但是操作起來並不複雜,很多功能對新手也是非常友好的,下面就聽我一一道來。
  • SpreadJS V14.0發布:組件化編輯器 數據透視表_網際網路_艾瑞網
    SpreadJS 是一款基於 HTML5 的純前端表格控制項,兼容 450 種以上的 Excel 公式,具備"高性能、跨平臺、與 Excel 高度兼容"的產品特性,可為用戶提供高度類似 Excel 的功能,滿足 Web Excel組件開發、 表格文檔協同編輯、 數據填報
  • 18款適用於開發人員的網頁代碼編輯器
    本文介紹18款極具價值的網頁代碼編輯器。1.CodeanywhereCodeanywhere支持編輯多種類型的文件,集成了桌面編輯器中所有好的特徵:高亮顯示語法、自動填充代碼、智能縮進、支持無限次的撤銷和重做、無數個tabs。2.CodeRun Studio
  • 5款好用的PDF閱讀器推薦,你在用哪款?
    通常情況下,我們可以直接用瀏覽器閱讀PDF文件,但如果你想要進行批註、編輯等操作,瀏覽器就無能為力了,需要用到一些專業的PDF閱讀軟體,本文中我們就來推薦幾款好用的PDF閱讀器Adobe Arcobat福昕PDF閱讀器風雲PDF編輯器PDF ExpertPDF Reader ProAdobe Arcobat因為PDF是Adobe推出的文件格式,相關工具當然少不了自家的產品
  • Javacript用戶:9款最好IDE和代碼編輯器
    19款最好IDE和代碼編輯器a   如今,Web應用設計和開發是最熱門發展趨勢之一,越來越多的人開始在此尋找他們的新工作機會。但作為一個Web開發人員或圖形設計人員來說,一個好的機會並不是輕易獲得,需要強大的思維和心裡能力,以及對於工作的熟練技巧。
  • CAD看圖軟體哪個好 迅捷CAD編輯器教你快速看圖
    CAD看圖軟體哪個好 迅捷CAD編輯器教你快速看圖 CAD是我們常見的一種繪圖文件,在機械、廣告、建築、電氣各專業領域當中都是經常會使用CAD繪圖軟體的。
  • 微信96編輯器使用教程,如何同步到公眾平臺上
    96編輯器是一款微信文章排版工具,樣式模板豐富,還有很多特色功能,能夠快速排版好公眾號文章,不過對於初次使用微信96編輯器的人來說,可能有點不知所措,排版好文章之後不知道如何同步到公眾平臺上,下面就為大家帶來96微信編輯器的使用教程和方法,希望對你有所幫助。
  • 公眾號文章排版,哪些微信編輯器最好用
    在運營微信公眾號的過程中,微信編輯器是必不可少的,市面上的微信編輯器有很多,好用的微信編輯器能夠省時省力,事半功倍,下面就一起來看公眾號文章排版,哪些微信編輯器最好用吧。2、135編輯器135編輯器是比較老牌的一款編輯器,整體來看清晰明了,界面也很簡潔,有豐富的模板和素材供大家使用,也具有一鍵排版和導入文章的功能,尤其圖片編輯功能強大。除此之外,135編輯器還有免費的商用素材和免費爆文素材入口,避免侵權,對新媒體人找素材還是比較友好的。
  • 哪些微信編輯器比較好用?新手也能無門檻上手?
    工欲善其事必先利其器,想要做好公眾號運營,也應該選擇合適的微信編輯器。如果你用慣了網頁版的微信編輯器,也可以試試插件形式的編輯器,相信第一次使用一定會有打開新世界大門的新奇體驗。試試壹伴助手這款插件式微信編輯器,你會有不一樣的體驗,新入行的小白也能輕鬆上手。登錄高效:多帳號+多平臺壹伴可以在一個瀏覽器上同時登錄多個公眾號,不同設備也是可以同時登錄的。
  • 什麼微信編輯器好用?
    回答問題前要知道提問者到底想要什麼,這幾個問題其實總結一下只有一個:微信公眾號排版用什麼編輯器比較好?排版樣式、圖片編輯其實就是微信編輯器的基礎功能。下面就和大家分享一款適合新手使用的編輯器,文字、圖片編輯功能強大,還能直接在公眾號後臺使用排版樣式。