可視化的工具的易用性通常非常優(yōu)異,因為它更符合人們交互和操作的自然邏輯。不過,要精準(zhǔn)控制網(wǎng)頁和程序,你總需要一款稱心如意的文本編輯器來幫你搞定代碼,哪怕是視覺至上的Adobe都會在Master套裝里面保留Dreamweaver。
的確,從某種程度上來說,文本編輯器看起來沒有可視化程序那么高大上,但是多年以來網(wǎng)頁開發(fā)的方式和基本流程都沒有本質(zhì)上的改變,因此網(wǎng)頁開發(fā)也無法和文本編輯器割裂開來。熱愛文本編輯器的開發(fā)者和設(shè)計師都很清楚,一個得心應(yīng)手的文本編輯器不僅高效而且具備良好的可控性,助力設(shè)計,加速開發(fā)。
這14款編輯器覆蓋了從桌面到移動端不同系統(tǒng)全部平臺,不論你的使用環(huán)境和需求是如何,總會有一款文本編輯器符合你的需求。
01. Notepad++
·系統(tǒng)平臺: Windows
·價格: 免費
這真心是一款懷舊的文本編輯器,這款基于windows記事本的文本編輯器有著比前者更為強大的功能,不論從功能還是從資歷上來講,它都足以排在第一的位置上,尤其它還是一款免費的應(yīng)用。功能強大,功能眾多,符合需求,你還在等什么呢?戳這里下載。
02. CoffeeCup Free HTML Editor
·系統(tǒng)平臺: Windows
·價格: 免費
如果你是一名網(wǎng)頁開發(fā)初學(xué)者,CoffeeCup這款免費HTML編輯器絕對是一個省心的選擇,它并沒有像Notepad++那樣因為兼容各種不同的編程語言而需要你為學(xué)習(xí)HTML進行預(yù)先設(shè)置,也沒有集成CSS編輯器和FTP管理程序而讓你分心。在編輯HTML代碼這件事上,它稱職而靠譜,內(nèi)置的本地幫助文件會引導(dǎo)你了解它,從入門功能到進階應(yīng)用。另外,CoffeeCup支持S-Drive網(wǎng)盤,幫你在云端同步和管理源代碼。
03. BBEdit
·系統(tǒng)平臺: OS X
·價格: $49.99/£34.99
BBEdit 是一款Mac平臺上存在了超過20年的應(yīng)用!它的歷史比MacOSX還要長,可以追溯到上世紀(jì)Mac OS 9 和Mac OS 8的時代。雖然目前的BBEdit在UI設(shè)計上還沒有跟隨時代潮流,但是技術(shù)積累和功能完善程度上絕對是文本編輯器領(lǐng)域的老司機了。BBEdit方便配置,可腳本化,基友精湛的查找和替換功能,針對不同的語言語法高亮,具備版本控制功能。在最新的一版的更新中,BBEdit的字符串匹配功能得到了明顯的提升。
04. Bluefish
·系統(tǒng)平臺: Windows, OS X, Linux
·價格: 免費
Bluefish是一款對于設(shè)計師而言頗為友好的應(yīng)用,它可以針對多種不同的語言語法高亮(ASP.NET、CSS、HTML、JavaScript、PHP,等等),便捷的代碼折疊管理,還具備功能強大的查找、搜索和替換工具,支持文檔模板,針對CSS、表單、音頻和視頻文件的添加有所優(yōu)化,快速標(biāo)記標(biāo)簽的同時,你還可以輕松預(yù)覽編輯效果。值得一提的是,這款免費應(yīng)用還是橫跨三大桌面操作系統(tǒng)平臺,喜歡用Linux的前端有福了~
05. Brackets
·系統(tǒng)平臺: Windows/OS X/Linux
·價格: 免費
這是早期Adobe的開源免費文本編輯器,非常有看頭。換句話來說,這款橫跨三大平臺的代碼編輯器出身良好,在保證簡單實用的同時,經(jīng)驗豐富的程序員還可以根據(jù)自己的喜好玩出更多的花樣,將其調(diào)教得得心應(yīng)手。
06. Coda
·系統(tǒng)平臺: OS X
·價格: $74.99/£49.99
Coda是一款專門為使用Mac的網(wǎng)頁設(shè)計師所開發(fā)的代碼編輯器,這款程序的開發(fā)者有著設(shè)計師應(yīng)有的視角,注重細(xì)節(jié),對需求的把握非常精準(zhǔn),UI設(shè)計比起B(yǎng)BEdit更加現(xiàn)代。相比初代的Coda,Coda2更加簡約時尚,也加入了大量的新功能,還內(nèi)置了MySQL編輯器。這款應(yīng)用不僅有Mac版的,還有iPad的版本,移動辦公利器哦~
07. Code Writer
·系統(tǒng)平臺: Windows 8
·價格: 免費
雖然windows平臺上的代碼編輯器不少,但是在Windows8平板上體驗足夠好的,方便移動使用的好的代碼編輯器屈指可數(shù),而Code Writer就是其中之一。Code Writer界面時尚,整體設(shè)計非常符合Windows 8的Metro風(fēng)格,而功能上也非常到位,語法識別、自動糾錯等一個都不少。
08. DroidEdit Pro
·系統(tǒng)平臺: Android
·價格: $1.99/£1.64
其實Android平臺上現(xiàn)在已經(jīng)有很多代碼編輯器了,但是其中絕大多數(shù)都比較粗糙?,F(xiàn)在Android設(shè)備的型態(tài)多樣,下至2英寸的智能手表,上至12英寸的平板和筆記本,很多產(chǎn)品都具備成為生產(chǎn)力設(shè)備的可能性,一個靠譜的代碼編輯器還是很有必要的。DroidEdit Pro 擁有干凈清爽的界面,功能也比較完整,還可以同步Dropbox,支持SFTP和FTP功能。為了方便使用,DroidEdit Pro還可以靈活的配置快捷鍵,方便內(nèi)置和外置的鍵盤編寫代碼。
09. Sublime Text
·系統(tǒng)平臺: Windows/OS X/Linux
·價格: $70/£45
Sublime Text是近年來最熱的代碼編輯器之一,覆蓋了Windows、Mac和Linux三大平臺,是功能完備的通用文本編輯器,并且提供非常靈活的個性化設(shè)置,以及非常完備的快捷鍵和輔助功能。對于網(wǎng)頁開發(fā)者而言,Sublime Text 非常值得推薦。
10. Textastic
·系統(tǒng)平臺: iOS
·價格: $8.99/£5.99
Textastic是一款iOS端的代碼編輯器,比起同平臺的Coda更加高效。代碼編輯器常見的功能它都具備,包括FTP和SFTP的支持和遠(yuǎn)程預(yù)覽,語法高亮等,借助快捷鍵的虛擬鍵盤,你可以快速高效地編寫代碼。另外,它還支持TextExpender擴展。
11. TextMate
·系統(tǒng)平臺: OS X
·Price: 免費/€46
TextMate 和Sublime Text 在視覺和概念上有許多共通的地方,擁有非常相似的功能集。不過作為Mac平臺的專屬應(yīng)用,TextMate 有許多設(shè)計和特性是為Mac專門定制,這一點是它的優(yōu)勢?,F(xiàn)在TextMate已經(jīng)開發(fā)到2.0的版本,提供預(yù)覽版下載。
12. Vim
·系統(tǒng)平臺: Windows/OS X/Linux/Android/iOS
·價格: 免費
老牌編輯器VIM絕對是代碼編輯器領(lǐng)域的傳奇,歷史悠久,技術(shù)背景深厚,學(xué)習(xí)曲線陡峭,但是功能極端強大。隨著時代的發(fā)展,VIM現(xiàn)在已經(jīng)覆蓋全部平臺,是真正意義上的全平臺覆蓋。如果你正在尋求一個功能強大,跨平臺,靈活高效,方便自定義支持宏的強大代碼編輯器,VIM絕對是不二之選。
13. Atom
·系統(tǒng)平臺: OSX 10.8 or later, Windows 7 & 8
·價格: 免費
2008年GitHub成為全球范圍內(nèi)代碼存儲和管理平臺之后,借助這個平臺發(fā)布的工具也成了許多開發(fā)者的首選。Atom也是借助GitHub逐漸火起來的代碼編輯器。因為它被設(shè)計為簡單而開箱即用,并且具備上百個拓展包,Atom被成為“21世紀(jì)最易于定制的文本編輯器”。喜歡就下載吧!
14. ICEcoder
·系統(tǒng)平臺: Windows/OS X/Linux
·價格: 免費
ICEcoder是一款非常特殊的代碼編輯器,因為它可以直接在瀏覽器內(nèi)使用,并且兼容三大主流桌面平臺,不論你是在線還是離線,都可以無礙使用。ICEcoder設(shè)計得非常輕巧,易于安裝使用。雖然程序不大,但是它所包含了一個代碼編輯器所需要的幾乎全部功能。