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