上個月無心中在一篇軟文中看到一篇前端排行榜,其中有一項排行就是編輯器,而排在前三的編輯器分別是sublime、Atom、webstorm。出於好奇,簡單的在網上查看了介紹,原來全球最大開源分享網站github的內部編輯器,最近正式版纔出來,可是居然有那麼大的市場份額。對於我這樣的大懶人,Atom這種排在前面的工具,我盡然不知道,這可不行。正好最近在細緻的學習reactjs,就用這個編輯器試一下手,使用了一個月在這分享一下個人使用心得,對於程序員來講,我好像說了好多廢話,其實我本身也不喜歡,那咱們進入正題吧。css
Atom和sublime同樣也是能夠下載一堆插件組成的編輯器,這就是爲何它們深受全球編程愛好者喜歡的緣由。html
1.那我來講說不一樣點,Atom的體積100多兆相對sublime來講大不少(sublime好像就10幾兆),爲何呢,由於Atom自己就一開始集成了一下經常使用插件,這些插件仍是很不錯的,若是不喜歡還能夠屏蔽禁用,設置都很簡單前端
2.提及webstorm能夠說是前端神器中的神器,我本人也特別喜歡,它的插件也不少,並且只要是當前最流程的技術它都集成,覆蓋很廣,說道這裏必然會損失一點東西,那就是性能,啓動速度會變慢,不用的東西太多了,sublime和atom就很好的解決了這些問題,由於他們可讓開發者隨意組合所需,並且啓動那是快的驚人,就和打開記事本沒什麼兩樣,可是有人說Atom沒有sublime快,多是Atom自己的集成的一些插件緣故吧。可是Atom也知道這一點是能夠避免的,他詳細展現全部的插件,而且可讓開發者控制,告知所用時間,仔細的看了下,也就是幾十毫秒,綜合起來也沒多少,總體仍是很快的。react
3.再說說我對sublime和Atom對比的我的觀點,sublime雖然很輕便插件不少,目前仍是最流行,可是我相信不久Atom會超越jquery
緣由:1.Atom開源免費,你能夠在github輕鬆下載源碼改爲你想要的樣式git
2.Atom插件的源碼均可以在github輕鬆下載,而且任意改動程序員
3.Atom的維護團隊是github,這點咱們能夠獲得保證,畢竟sublime到了3.多測試版到如今都沒有更新了,而Atom還在不停的更新github
4.sublime的插件雖然多可是配置複雜,大部門配置項目都是改動json文件很不美觀,有些參數都不知道必須查看相應的文檔很不爽。Atom就不同,全部的插件都提供友好的編輯界面(設置屬性,設置快捷鍵) web
5.插件分類和推送告知,sublime的最新插件咱們通常不知道,必須去插件網站才能知道,通常人不會去,可是Atom就不同,Atom的設置裏面就有插件列表,而後展現出最近一週,一個月下載最多的流程的插件,還有一點就是樣式插件,sublime乾脆就沒有分類,Atom將此類插件很好的單獨的化爲一類,可是咱們並不能就否認的sublime插件網的優勢,它的模糊插件檢索仍是很快的比Atom的方便多了,可是畢竟Atom仍是在發展,之後必定會獲得改進。編程
閒話也就很少說了,畢竟是理科生,文采實在是太差了,
下面我來分享下我經常使用而且以爲好用的插件:
這個組件對於大多數人來講是最愛的,畢竟咱們是天朝子民,並且它也是Atom全部的翻譯組件中最全的(翻譯組件不少,我認爲是最好的)
提及這個插件不少用過sublime的,若是沒有這個東西估計會很難受,就是右側代碼濃縮框,我也納悶爲何Atom不直接集成
Atom代碼序列化,支持的語言仍是不少的,也是下載量最多,畢竟用的人說就說明好吧,而且它的配置選項很全,咱們能夠很輕易的個性化設置
不少人都會擔憂若是代碼寫錯了,誰知道呢,這也是前端最怕的,也是不少大IDE鄙視小IDE的,這個組件輕鬆幫咱們解決了這個文件,它能夠輕鬆指出咱們
代碼中的錯誤,不過它只是主模塊,具體你想驗證什麼你的如今相應的分支,充分適應你的環境
本人最近在玩jsx和html全部下載了linter-htmlhint、linter-jsxhint
怎麼說了這一款js驗證組件也是很不錯,因此我也就一塊兒用了,而且他是支持jsx最好的我目前發現
、
怎麼說了,js的框架太多了,好多框架都沒有提示,一個字就是不爽,Atom的自己的智能提示仍是不錯的,自己就支持,支持快速添加第三方js插件監聽
顏色查看器也是必不可少的
html的xml標籤在html上的監聽結束可能很不錯,可是在js就裏面書寫html就沒有效果了,這個組件就能夠輕鬆解決
書寫文件路徑太頭疼了,誰記得那麼長,用這個就很方便了
這個組件我就不想多說了,上一篇文章有介紹,快速書寫html和css頗有幫助
看到這個組件,讓我覺得我在用dreamware,哈哈,又有點像asp.net
快速監聽方法和快速跳到你的方法,我在上一篇的sublime也有介紹
這個組件我就不想說了,用的太多了
若是寫代碼,你以爲沒意思,這個能夠給你帶來快感
由於最近在深究react,因此編譯器下載這三個組件主要做用(jsx驗證,快捷代碼提供,代碼format序列化)
有些人喜歡複雜的功能界面這樣能夠提供便捷,可是有些人喜歡快捷鍵
由於暫時用在項目不是特別的多,目前還只是我的使用階段,還有些插件就不一一介紹了,你們感興趣的話本身去查看吧。
https://atom.io/packages