20 個有用的 Angular.js 工具
喜歡 Angular.js?我們?yōu)殚_發(fā)者編寫了一份最佳 angular.js 工具和資源清單,這可讓使用 angular 開發(fā)應用程序變得高效。 對于大多數(shù)想要設計動態(tài) web 應用的開發(fā)者而言,Angular.js 成為了一個可以選擇的框架。angularjs 開發(fā)者如果想開始一個 AngularJS 工程,為了采取成熟的方式開發(fā)網(wǎng)頁,他們或許需要很多工具。 在開始使用 angular.js 之前,Angular.js 新手或許也想讀一些優(yōu)秀的 angular.js 書籍。 我們同樣也編寫了一份龐大的在線 angular.js 教程清單。 為了減輕使用 AngularJS 開發(fā) web 應用的負擔,這里列出了幾個出色的工具,包括測試、前端開發(fā)、編輯、函數(shù)庫、擴展、模塊、代碼生成器、網(wǎng)格工具。 | ![]() shirleywong |
Angular.js 開發(fā)最佳 IDEAngular.js 需要的大部分集成開發(fā)環(huán)境(IDE)和輕量級的編輯器列在了下面。 WebstormWebstorm是一個出色的代碼編輯器,它完全理解工程,可以為任何類型的網(wǎng)站提供高質(zhì)量的代碼。它支持所有最流行最新的網(wǎng)站開發(fā)技術。使用這個工具開發(fā)網(wǎng)站,可以很好地集成單點或流程。 AptanaAptana 是一具集成開發(fā)環(huán)境,可以幫助你優(yōu)雅地創(chuàng)建網(wǎng)站應用。使用它做為 AngularJS 的集成開發(fā)工具,你需要在 Eclipse 商店激活 AngularJS Eclipse 擴展。 | ![]() wancheng |
文本編輯器 Sublime對 AngularJS Web 開發(fā)者來說,方便的文本編輯工具是 Sublime。它幫助程序員使用快捷方式或幾個按鍵實現(xiàn)編碼。它具有很強的適應性,可以定制任何類型的編程環(huán)境。它也可以按照你的意愿分塊編輯。它還可以輕松地在項目之間切換,所有的修改都將自動保存在各自的項目中。 Angular.js 的專用測試工具測試是開發(fā)的重要組成部分,無論對于使用 Angular.js 還是任何其他軟件都是如此。下面的工具可以幫助你簡化采用 Angular.js 開發(fā)的應用程序的測試。 這些工具都是在線 JavaScript 測試工具的好伴侶。 ProtractorProtractor 是一個端到端的測試框架,貫穿于 AngularJS,是一個完全自動化的測試工具。它可以運行在真實的瀏覽器中測試你的應用程序。它使用了 WebDriver,Mocha, jasmine, Node.js, selenium 和cucumber 等都使用的偉大的技術。 當所有的待處理網(wǎng)頁任務完成時,它會自動使用AngularJS的應用進行通信。所以,你在測試時不需要使用等待或睡眠命令。 | ![]() Iam魔方 |
JasmineJasmine 是一個行為驅動開發(fā)框架,專為 Javascript 用戶創(chuàng)建。它提供了基本的測試框架,并且可以持續(xù)維護。所有測試都可以使用一個 all-in-one 的包完成,這是 Jasmine 的主要特點,高效測試你的應用。 Code Orchestra它是一個絕對意義上的前端開發(fā)工具幫助你創(chuàng)建和測試網(wǎng)站應用。你可以實時寫代碼,根據(jù)建議修改代碼,以同樣的格式保存代碼。通過這個工具修改后的代碼會自動布署到運行中的應用。 | ![]() wancheng |
最好的 Angular.js 函數(shù)庫下面是一些有用的庫,它們可以增強 angular.js 框架的能力,對開發(fā)者有所幫助。沒有必要從頭構建那些可能已經(jīng)成為開放源碼的函數(shù)庫。 對于所有 HTML,CSS 和 JavaScript 的前端開發(fā)者,CodePen 是一款完美的編輯工具。這個工具可以最大限度地減少對網(wǎng)站的創(chuàng)建、測試和完善的繁瑣的網(wǎng)頁開發(fā)工作。它是一個協(xié)作的在線編程環(huán)境。 Web 開發(fā)人員可以清晰地跨平臺實時查看。它有一個瀏覽器中的代碼編輯器,可以自動地迅速地上傳多個文件。這個功能可協(xié)助 Web 開發(fā)人員在幾秒的時間內(nèi)創(chuàng)建一個新的代碼。 使用 Angular Fire,可以輕松地幫助你開發(fā) AngularJS 的應用后臺。AngularJS 綁定的 Firebase 已經(jīng)正式被 Angular Fire 支持。Firebase 是一個基于云計算的平臺,可以很容易地集成實時應用和快速創(chuàng)建后臺。 當 Firebase 和 Angular Fire 組合在一起,它們有助于以更快的速度同步數(shù)據(jù)和提供良好的用戶管理服務。它還提供了一個三向的數(shù)據(jù)綁定、用戶身份驗證和靜態(tài)托管。 | ![]() Iam魔方 |
AngularUIAngularJS 以高效率創(chuàng)建單頁面應用而出名. 創(chuàng)建這些單頁面應用時候,我們需要一個靈活的路由,這個優(yōu)秀的AngularJS框架是構建一個全面的UI組件俗稱ui-router。 它能根據(jù)應用程序的狀態(tài)提供一個簡單的導航和改變視圖,而不僅僅是基于URL。 UI BootstrapUI Bootstrap是一個不同尋常的AngularUI組件,它能幫助你創(chuàng)建基于智能手機的web應用程序,而且用戶體驗不錯。這個UI組件提供的AngularJS原生指令完全兼容Twitte Bootstrap | ![]() 成熟的毛毛蟲 |
Angular.js 有用的擴展和工具下面是一些 Angular.js 擴展,可以滿足一些特殊應用之需。 Ng-InspectorNg-Inspector 是一個優(yōu)秀的瀏覽器插件,支持 Firefox,Chrome 和 Safari,復用它可以創(chuàng)建一個探測控制面板,方便開發(fā),調(diào)試 AngularJS 應用,它提供了完整的輔助功能。 使用它可以更方便的和你的應用交互,還可以實時更新。它還可以看到全部范圍內(nèi)的層次結構,模型,類型和值。點擊你關注的一個范圍,它會高亮顯示相應的 DOM 結點。 AngularJS Batarang你可以使用 AngularJS Batarang 來調(diào)試你的 AngularJ S應用,它是一個專為 Chrome 提供的插件。它幫助你改善應用性能。還可能衡量調(diào)節(jié)性能的進度。 | ![]() wancheng |
RestangularAngularJS 獨有的一個服務是 Restangular,它可以幫助您輕松應對各種要求,例如獲取、發(fā)送、刪除以及把數(shù)據(jù)存入數(shù)據(jù)庫。它對于所有從 RESTful API 中大規(guī)模存取數(shù)據(jù)的 AngularJS 應用都很有必要。 Generator Angular - 一個有用的工具 Yeomen Generator你可以很容易地開始一個具有合理的默認值和最好的用例的項目。建立這樣的 Angular 應用,這款 Yeomen generator 工具是非常有用的。它只需幾條終端的命令,便加速了 AngularJS 應用的開發(fā)過程。這個工具是非常有用的。這些專用的生成工具將有助于應用了解項目的有關信息,并有助于開發(fā)和測試應用程序。 | ![]() Iam魔方 |
Angular DeckgridAngular Deckgrid 可以為你提供響應度和顏值俱高的應用,可以適配不同的移動終端。輕量級類磚石結構易于創(chuàng)建靈活的表格,高效創(chuàng)建圖片展示。 RadianRadian 是一個優(yōu)秀的框架,使用它只需要少量的設置就可以開啟 AngularJS 項目。在多人開發(fā)項目中它是一個理想的選擇。 LumxLumx 以快速簡單的方式幫助你創(chuàng)建簡單而優(yōu)雅的應用。 這個可響應式前端框架是基于AngularJS 和Google 材料設計規(guī)范。這個工具可嵌入最新的技術,如 Sass 預處理器,AngularJS 和 JQuery,能極大地提高 web 應用的性能。 | ![]() wancheng |
Angular Gettext你可以用英語編碼,在編碼需要被翻譯的地方加上注解。Angular Gettext 工具就會自動翻譯那些獨立的部分。這是 AngularJS 非常簡單而強大的翻譯支持工具。 NgDocsAngularJS 框架內(nèi)置 ngDocs 工具可以簡化你項目文檔和參考手冊的相關工作。這款基于 Android 的工具也能提供給所有新手一些容易跟進的教程。 | ![]() 葉秀蘭 |
NgTables無論是簡單還是復雜的 Web 應用,在 AngularJS 框架中很容易創(chuàng)建一個表格,然后通過實用的 ngTables 工具進行高效的管理。ngTable 是 AngularJS 表格指令,支持排序,過濾和分頁,在編譯步驟中自動生成帶有標題和過濾器的標題行。 ngTable 支持定制過濾選項,表格分組,表格外部數(shù)據(jù)控制 等等功能。 總的來說,這些都是創(chuàng)建任意 AngularJS Web 應用的,最有用的工具集合。用好這些工具可以幫助你輕松高效的創(chuàng)建 AngularJS 項目。 |
posted on 2015-08-12 13:32 paulwong 閱讀(604) 評論(0) 編輯 收藏 所屬分類: ANGULARJS