作者：IT圈版主 明劼
好久沒碰寫作這種東西了。我做了不少網頁的前端設計，雖然沒有熟練到能夠和大家談笑風生的地步，但是還是能夠和大家分享一些經驗的。做了這個技術宅筆記的系列，每周，每月寫一點小經驗，分享給大家，不求報酬，只希望大家能夠喜歡。
簡單講一下我的開發(fā)環(huán)境：我身在墻外，所以做Web開發(fā)的阻礙還是比較小的。個人偏好于筆記本，畢竟可以隨身帶比較方便。聽說過Mac的開發(fā)體驗很好，可惜沒這個票子去買Macbook，所以買了一個非常簡單的Windows開發(fā)本。開發(fā)本的特征基本就是高內存高續(xù)航鍵盤手感一般就好。不多說，我暫時用的是華碩的X555LAB，能夠湊活。
今天主要想跟大家分享的是文字（代碼）編輯器。
Web開發(fā)者用什么編輯器？相信這個問題如果在幾年之前被問出來，一定會有人毫不猶豫地回答Adobe的Dreamweaver。沒錯，直至現在，我們都不得不說Dreamweaver是一個非常易于上手的編輯器，而且它提供的功能非常有特色。我也是從Dreamweaver開始的，不過一開始用的是別人借給我的賬號。等進入正軌之后就沒有再使用是因為它的價格——太貴了！$20每月來買一個軟件（當然學生是$20買全套Adobe軟件）絲毫不在我們能夠接受的范圍之內。功能強，強到讓人望而卻步。
提到Git，大家都會想到GitHub這個集新手和大神為一體的網站。沒錯，它本身也附帶了一個簡單的在線代碼編輯器，顏色標注和代碼排版等功能齊全。顯示的大概效果如下：
效果還是不錯的。
而我自己使用最多的還是微軟最新的Visual Studio Code開源編輯器。這款編輯器以自己的模塊化作為賣點，各種主題和插件很多，也很實用。界面如下：
這款編輯器的界面不是很有特色，但是滿滿的都是Visual Studio的影子（這里解釋下為什么我不用Visual Studio——碩大個安裝包，給我個Web開發(fā)用，使用率不到1%，還不如省點時間，呱；再說，這啟動速度，估計等Visual Studio開好了我都可以把整個Google API庫緩存一遍。）可它的整體體驗非常好，包括界面，效率以及代碼的可讀性都是非常優(yōu)質的。這里要著重說的也是我用的比較多的功能，就是VS Code自帶的格式化代碼功能。這項功能在HTML里可能不是最有用（把我辛辛苦苦寫在后面的注釋全部換行了，根本看不見），但是CSS和JavaScript的使用效果極佳。有時候你是復制粘貼其他地方的代碼，或者是代碼比較亂自己都看不清楚哪個標簽對應哪個標簽的時候，只需要輕輕右鍵—Format Code（格式化代碼）或者使用快捷鍵Alt+Shift+F就可以讓代碼變得干凈易讀。這點在之后要介紹的Atom編輯器中沒有自帶，但是仍然有擴展程序可以支持。另一個很有用的功能就是“Change All Occurrences”（改變所有同樣的文字）。
比如說，你在寫JavaScript時突然想重命名一個變量，或者一個函數，怎么辦？這個名字在你的代碼中被使用了千萬次，你總不見得去一個一個重命名吧？這時候只需要選中一個變量，然后按下Ctrl+F2（或者右鍵找到Change All Occurrences）就可以同時編輯整個文檔里的同類數據。如下圖：
這個功能到現在我也沒有在Atom中找到一樣的功能。
VS Code就告一段落，在講我的新朋友Atom之前，先帶過兩個不得不說，但我又沒怎么使用地編輯器：一就是大家都知道的Notepad++。Notepad++是一個可謂全能的編輯器，各種功能齊全，主要可以用來代替Windows自帶記事本。但是感覺插件系統不是很完善，導致部分功能缺失，然后就是UI不是非常好看。（我弄過不少UI設計，所以UI不好看的不能忍?。┲Z，就長這樣：
第二個我可以直接帶過的就是Sublime Text。在這里介紹是因為我聽說這款軟件的速度很快（在我電腦上看好像不是非常明顯），功能性也很全。還有就是畢竟Sublime Text好像非常古老，開發(fā)者的第一篇文檔是2007年寫的，也就是XP時代。更新也不是很活躍，上一次更新在今年2月。界面有些老款OSX的設計風格，所以在Windows上看起來比較別扭。我不選擇使用的原因還是因為收費，好像直接購買要70美金吧……雖然是一次性購買但學生狗表示還是買不起。
最后就是我還是在最近開始用的一款我的操作還不是非常熟練的開源編輯器，Atom，也是出自GitHub大神爸爸們之手。這軟件我一拿到手就愛上了它的外觀——在使用了將近半年的VS Code之后我發(fā)現上手Atom非常簡單（畢竟Sublime，VS Code和Atom的操作習慣和界面高度相似），因為它和VS Code非常接近，只是聽說Atom好像是一個WebApp打包出來的。Atom最大的問題就是不穩(wěn)定，雖然我現在在用Beta版本，但是哪怕我在用穩(wěn)定版，也會碰到程序突然閃退的問題（沒錯，閃退）。雖然好像數據不會掉，但是也是一件麻煩事不是嗎？
除了外觀之外，Atom讓我非常滿意的還有它的Preview HTML功能。這個功能可以在你編輯HTML代碼的時候實時預覽輸出結果。我再VS Code上找了半天好像都沒個方法（當然如果你能找到歡迎告訴我），這里的插件Atom-html-preview可以做到這一功能（雖然Javascript和Ajax好像不能完整加載）。這個程序的Debug功能也是非常的實用（居然可以調試HTML我也是非常驚訝?。?，具體各位去嘗試一下也就明白我的意思了。
今天一共介紹了6種不同的編輯器。其中，VS Code，Sublime，Atom，都是全平臺的（包括Windows，Linux和Mac），Dreamweaver暫無Linux版本，Notepad++只有Windows。這些大大小小的公司和開發(fā)者開發(fā)的產品各有各的特點，當然以我一個小型Web開發(fā)者的使用習慣來看無法概括所有有意思的功能。具體選擇哪個，就要看你喜歡什么類型了——是美觀，還是實用；是效率，還是過程。無論你用哪個代碼編輯器，用哪個編譯器，我都想說，編程，永遠是一種享受。這種享受，通常是其他人無法理解的。
享受，創(chuàng)造世界的過程。
廣告聲明：文內含有的對外跳轉鏈接（包括不限于超鏈接、二維碼、口令等形式），用于傳遞更多信息，節(jié)省甄選時間，結果僅供參考，IT之家所有文章均包含本聲明。