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

11. Sublime Text 2

如果你想體驗流暢編寫代碼的快感，趕緊試試 Sublime Text 2 吧！

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

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

12. PhoneGap 2.0

PhoneGap 是一個免費開源的開發(fā)框架，讓 Web 開發(fā)人員能夠使用熟悉的 HTML，CSS 和 JavaScript 構建跨平臺的移動本地應用。

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

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

13. Emmet

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

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

? 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 提供了一套強大的工具、庫和工作流，可以幫助開發(fā)人員快速構建出漂亮的、引人注目的Web應用。Yeoman 的主要特色：

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

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

? 自動校驗腳本——腳本會自動運行 jshint 校驗，以確保他們遵循語言的最佳實踐；

? 內建預覽服務器——不需要啟動自己的 HTTP 服務器，內置的服務器用一條命令就可以啟動；

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

? 生成 AppCache 清單——Yeoman 會為你生成應用程序緩存的清單，你只需要構建項目就好；

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

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

? 支持 ES6 模塊語法——可以使用最新的 ECMAScript 6 模塊語法來編寫模塊，不過還是一種實驗性的特性，它會被轉換成ES5；

? PhantomJS 單元測試——使用 PhantomJS 輕松運行單元測試。創(chuàng)建新的應用程序的時候，它還會為你自動創(chuàng)建測試框架；

15. TypeCast

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

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

標簽： Sublime Text 2 

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