 |
VOOZH | about |
|
VOOZH | about |
原文：20 Useful Angular.js Tools，參與譯者：wancheng, Iam魔方, 葉秀蘭, shirleywong, 成熟的毛毛蟲
喜歡Angular.js？我們為開發者編寫了一份最佳angular.js工具和資源清單，這可讓使用 angular 開發應用程式變得高效。
對於大多數想要設計動態Web應用的開發者而言，Angular.js 成為了一個可以選擇的框架。angularjs 開發者如果想開始一個 AngularJS 工程，為了採取成熟的方式開發網頁，他們或許需要很多工具。
為了減輕使用AngularJS開發Web應用的負擔，這裡列出了幾個出色的工具，包括測試、前端開發、編輯、函數庫、擴展、模塊、代碼生成器、網格工具。
Angular.js開發最佳IDE
Angular.js 需要的大部分集成開發環境（IDE）和輕量級的編輯器列在了下面。
Webstorm
Webstorm是一個出色的代碼編輯器，它完全理解工程，可以為任何類型的網站提供高質量的代碼。它支持所有最流行最新的網站開發技術。使用這個工具開發網站，可以很好地集成單點或流程。
Aptana
Aptana 是一具集成開發環境，可以幫助你優雅地創建網站應用。使用它做為 AngularJS 的集成開發工具，你需要在 Eclipse 商店激活 AngularJS Eclipse 擴展。
文本編輯器 Sublime
對 AngularJS Web 開發者來說，方便的文本編輯工具是 Sublime。它幫助程式設計師使用快捷方式或幾個按鍵實現編碼。它具有很強的適應性，可以定製任何類型的編程環境。它也可以按照你的意願分塊編輯。它還可以輕鬆地在項目之間切換，所有的修改都將自動保存在各自的項目中。
Angular.js 的專用測試工具
測試是開發的重要組成部分，無論對於使用 Angular.js 還是任何其他軟體都是如此。下面的工具可以幫助你簡化採用 Angular.js 開發的應用程式的測試。
這些工具都是在線 JavaScript 測試工具的好伴侶。
Protractor
Protractor 是一個端到端的測試框架，貫穿於 AngularJS，是一個完全自動化的測試工具。它可以運行在真實的瀏覽器中測試你的應用程式。它使用了 WebDriver，Mocha, jasmine, Node.js, selenium 和cucumber 等都使用的偉大的技術。
當所有的待處理網頁任務完成時，它會自動使用AngularJS的應用進行通信。所以，你在測試時不需要使用等待或睡眠命令。
Jasmine
Jasmine 是一個行為驅動開發框架，專為 Javascript 用戶創建。它提供了基本的測試框架，並且可以持續維護。所有測試都可以使用一個 all-in-one 的包完成，這是 Jasmine 的主要特點，高效測試你的應用。
這個框架的一個缺點是它不能感知運行平台（瀏覽器）。如果配合Karma使用這個問題很容易避免。
Karma 可以做為測試運行者配合 Jasmine 使用。它是一個測試框架幫且你高效地測試應用。
Code Orchestra
它是一個絕對意義上的前端開發工具幫助你創建和測試網站應用。你可以實時寫代碼，根據建議修改代碼，以同樣的格式保存代碼。通過這個工具修改後的代碼會自動布署到運行中的應用。
最好的 Angular.js 函數庫
下面是一些有用的庫，它們可以增強 angular.js 框架的能力，對開發者有所幫助。沒有必要從頭構建那些可能已經成為開放源碼的函數庫。
CodePen
對於所有 HTML，CSS 和 JavaScript 的前端開發者，CodePen 是一款完美的編輯工具。這個工具可以最大限度地減少對網站的創建、測試和完善的繁瑣的網頁開發工作。它是一個協作的在線編程環境。
Web開發人員可以清晰地跨平台實時查看。它有一個瀏覽器中的代碼編輯器，可以自動地迅速地上傳多個文件。這個功能可協助 Web 開發人員在幾秒的時間內創建一個新的代碼。
Angular Fire
使用 Angular Fire，可以輕鬆地幫助你開發 AngularJS 的應用後台。AngularJS 綁定的 Firebase 已經正式被 Angular Fire 支持。Firebase 是一個基於雲計算的平台，可以很容易地集成實時應用和快速創建後台。
當 Firebase 和 Angular Fire 組合在一起，它們有助於以更快的速度同步數據和提供良好的用戶管理服務。它還提供了一個三向的數據綁定、用戶身份驗證和靜態託管。
AngularUI
AngularJS 以高效率創建單頁面應用而出名. 創建這些單頁面應用時候，我們需要一個靈活的路由，這個優秀的 AngularJS 框架是構建一個全面的 UI 組件俗稱 ui-router。 它能根據應用程式的狀態提供一個簡單的導航和改變視圖,而不僅僅是基於 URL。
AngularUI 還包含非常多的 UI 組件，這些組件是使用原生指令像 ui—maps,ui-calendar，ui-Bootstrap 創建的。這些UI組件和指令可以更快建設 Angular 網站
UI Bootstrap
UI Bootstrap 是一個不同尋常的 AngularUI 組件，它能幫助你創建基於智慧型手機的 web 應用程式，而且用戶體驗不錯。這個 UI 組件提供的 AngularJS 原生指令完全兼容 Twitte Bootstrap。
Angular.js 有用的擴展和工具
下面是一些 Angular.js 擴展，可以滿足一些特殊應用之需。
Ng-Inspector
Ng-Inspector 是一個優秀的瀏覽器插件，支持 Firefox，Chrome 和 Safari,復用它可以創建一個探測控制面板，方便開發，調試 AngularJS 應用，它提供了完整的輔助功能。
使用它可以更方便的和你的應用交互，還可以實時更新。它還可以看到全部範圍內的層次結構，模型，類型和值。點擊你關注的一個範圍，它會高亮顯示相應的 DOM 結點。
AngularJS Batarang
你可以使用 AngularJS Batarang 來調試你的 AngularJ S應用，它是一個專為 Chrome 提供的插件。它幫助你改善應用性能。還可能衡量調節性能的進度。
Restangular
AngularJS 獨有的一個服務是 Restangular，它可以幫助您輕鬆應對各種要求，例如獲取、發送、刪除以及把數據存入資料庫。它對於所有從 RESTful API 中大規模存取數據的 AngularJS 應用都很有必要。
Generator Angular - 一個有用的工具
Yeomen Generator
你可以很容易地開始一個具有合理的默認值和最好的用例的項目。建立這樣的 Angular 應用，這款 Yeomen generator 工具是非常有用的。它只需幾條終端的命令，便加速了 AngularJS 應用的開發過程。這個工具是非常有用的。這些專用的生成工具將有助於應用了解項目的有關信息，並有助於開發和測試應用程式。
Angular Deckgrid
Angular Deckgrid 可以為你提供響應度和顏值俱高的應用，可以適配不同的移動終端。輕量級類磚石結構易於創建靈活的表格，高效創建圖片展示。
Radian
Radian 是一個優秀的框架，使用它只需要少量的設置就可以開啟 AngularJS 項目。在多人開發項目中它是一個理想的選擇。
Lumx
Lumx 以快速簡單的方式幫助你創建簡單而優雅的應用。 這個可響應式前端框架是基於AngularJS 和Google 材料設計規範。這個工具可嵌入最新的技術，如 Sass 預處理器，AngularJS 和 JQuery，能極大地提高 web 應用的性能。
Angular Gettext
你可以用英語編碼，在編碼需要被翻譯的地方加上註解。Angular Gettext 工具就會自動翻譯那些獨立的部分。這是 AngularJS 非常簡單而強大的翻譯支持工具。
NgDocs
AngularJS 框架內置 ngDocs 工具可以簡化你項目文檔和參考手冊的相關工作。這款基於 Android 的工具也能提供給所有新手一些容易跟進的教程。
NgTables
無論是簡單還是複雜的Web應用，在 AngularJS 框架中很容易創建一個表格，然後通過實用的 ngTables 工具進行高效的管理。ngTable 是 AngularJS 表格指令，支持排序，過濾和分頁，在編譯步驟中自動生成帶有標題和過濾器的標題行。
ngTable支持定製過濾選項，表格分組，表格外部數據控制等等功能。
總的來說，這些都是創建任意 AngularJS Web 應用的，最有用的工具集合。用好這些工具可以幫助你輕鬆高效的創建 AngularJS 項目。
希望這些對大家有所幫助，如果還有其他軟體遺漏，可以在評論中補充：）
