技術(shù)的快速發(fā)展讓 Web 開(kāi)發(fā)人員學(xué)習(xí)起來(lái)不知所措，幸運(yùn)的是，很多優(yōu)秀的開(kāi)發(fā)者和設(shè)計(jì)人員在努力尋找各種有特色的解決方案。 因此，我們有了很多優(yōu)秀的小工具和庫(kù)，每一個(gè)都是用來(lái)解決特定的問(wèn)題或維護(hù)一組特定的項(xiàng)目。這篇文章收集了2012年度新發(fā)布的最具有代表性 Web 前端開(kāi)發(fā)工具和框架，這是一個(gè)非常值得收藏的工具列表。

11. Sublime Text 2

如果你想體驗(yàn)流暢編寫(xiě)代碼的快感，趕緊試試 Sublime Text 2 吧！

Sublime Text 具有漂亮的用戶界面和強(qiáng)大的功能，例如代碼縮略圖，多重選擇，快捷命令等。還可自定義鍵綁定，菜單和工具欄。Sublime Text 的主要功能包括：拼寫(xiě)檢查，書(shū)簽，完整的 Python API ，Goto 功能，即時(shí)項(xiàng)目切換，多選擇，多窗口等等。

Sublime Text 是一款跨平臺(tái)的編輯器，同時(shí)支持 Windows、Linux、Mac OS X 等操作系統(tǒng)。Sublime Text 2 是收費(fèi)軟件，但目前可以無(wú)限期試用。

12. PhoneGap 2.0

PhoneGap 是一個(gè)免費(fèi)開(kāi)源的開(kāi)發(fā)框架，讓 Web 開(kāi)發(fā)人員能夠使用熟悉的 HTML，CSS 和 JavaScript 構(gòu)建跨平臺(tái)的移動(dòng)本地應(yīng)用。

通過(guò) PhoneGap 框架提供的 JavaScript API 能夠以非常簡(jiǎn)單的方式調(diào)用移動(dòng)設(shè)備的核心功能，包括地理位置，攝像頭，加速器，通訊錄，多媒體，文件和網(wǎng)絡(luò)等功能。

借助 PhoneGap，你完全可以使用熟悉的 Web 開(kāi)發(fā)技術(shù)寫(xiě)出移動(dòng) Native App，并發(fā)布到 Apple Store，Google Play 等各平臺(tái)應(yīng)用商店中。編寫(xiě)好的代碼可以上傳到云端服務(wù)器，使用云端編譯功能編譯成各種平臺(tái)下的應(yīng)用，支持 iOS，Android，Palm WebOS，Symbian，Blackberry，Windows Phone 和 Bada 七大平臺(tái)。

13. Emmet

Emmet 項(xiàng)目的前身是前端開(kāi)發(fā)人員熟知的 Zen Coding，一種提供快速編寫(xiě) HTML/CSS 代碼的方法。和一般的編輯器中使用的“代碼片段”概念不同，Emmet 使用動(dòng)態(tài)的類似 CSS 表達(dá)式的語(yǔ)法來(lái)生成代碼，這意味著你不需要自己去編輯并創(chuàng)建固定的代碼片段，大大的提高了代碼編寫(xiě)效率。

Emmet 結(jié)合優(yōu)秀的編輯器使用，可以讓你代碼飛起來(lái)！支持的編輯器包括：

? Sublime Text 2

? Eclipse/Aptana

? TextMate 1.x

? Coda 1.6 and 2.x

? Espresso

? Chocolat

? Komodo Edit/IDE

? Notepad++

? PSPad

? 《textarea》

? CodeMirror2/3

? Brackets

14. Yeoman

Yeoman 提供了一套強(qiáng)大的工具、庫(kù)和工作流，可以幫助開(kāi)發(fā)人員快速構(gòu)建出漂亮的、引人注目的Web應(yīng)用。Yeoman 的主要特色：

? 閃電般搭建出框架（使用能夠自定義的模板（例如：HTML5 Boilerplate、Twitter Bootstrap 等）、AMD（通過(guò) RequireJS）以及其他工具輕松地創(chuàng)建新項(xiàng)目的框架。）；

? 自動(dòng)編譯 CoffeeScrip & Compass——在代碼改動(dòng)的時(shí)候，Yeoman 的 LiveReload 監(jiān)視進(jìn)程會(huì)自動(dòng)編譯源文件并刷新瀏覽器，而不需要你手動(dòng)執(zhí)行；

? 自動(dòng)校驗(yàn)?zāi)_本——腳本會(huì)自動(dòng)運(yùn)行 jshint 校驗(yàn)，以確保他們遵循語(yǔ)言的最佳實(shí)踐；

? 內(nèi)建預(yù)覽服務(wù)器——不需要啟動(dòng)自己的 HTTP 服務(wù)器，內(nèi)置的服務(wù)器用一條命令就可以啟動(dòng)；

? 高效的圖像優(yōu)化——Yeoman 使用 OptPNG 和 JPEGTran 對(duì)所有圖像做了優(yōu)化，提供頁(yè)面加載速度；

? 生成 AppCache 清單——Yeoman 會(huì)為你生成應(yīng)用程序緩存的清單，你只需要構(gòu)建項(xiàng)目就好；

? 殺手級(jí)的構(gòu)建過(guò)程——Yeoman 為你自動(dòng)化完成了大部分的工作，幫助你節(jié)省大量時(shí)間和精力；

? 集成包管理——你可以通過(guò)命令行輕松地查找新的包，安裝并保持更新，而不需要你打開(kāi)瀏覽器；

? 支持 ES6 模塊語(yǔ)法——可以使用最新的 ECMAScript 6 模塊語(yǔ)法來(lái)編寫(xiě)模塊，不過(guò)還是一種實(shí)驗(yàn)性的特性，它會(huì)被轉(zhuǎn)換成ES5；

? PhantomJS 單元測(cè)試——使用 PhantomJS 輕松運(yùn)行單元測(cè)試。創(chuàng)建新的應(yīng)用程序的時(shí)候，它還會(huì)為你自動(dòng)創(chuàng)建測(cè)試框架；

15. TypeCast

TypeCast 讓你可以從 Fonts.com、TypeKit、FontDeck 和 Google 這些字體供應(yīng)和商選擇字體，而且能非常方便的比較這些字體使用效果。如果你想獲得用戶對(duì)這些字體效果的反饋，只需要發(fā)布一個(gè) URL 就可以了。這樣，無(wú)需實(shí)際購(gòu)買的字體，直到你已經(jīng)決定在最終的解決方案。

由于網(wǎng)頁(yè)字體的巨大飛躍，排版正在成為網(wǎng)頁(yè)設(shè)計(jì)師工作中一項(xiàng)越來(lái)越重要的內(nèi)容。但是，實(shí)際的情況是數(shù)以千計(jì)的字體讓設(shè)計(jì)師需要花大量的時(shí)間和精力去選擇，而 TypeCast 正是為了解決這個(gè)問(wèn)題的。

標(biāo)簽： Sublime Text 2 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。