paulwong

          20 個有用的 Angular.js 工具

          喜歡 Angular.js?我們為開發者編寫了一份最佳 angular.js 工具和資源清單,這可讓使用 angular 開發應用程序變得高效。

          對于大多數想要設計動態 web 應用的開發者而言,Angular.js 成為了一個可以選擇的框架。angularjs 開發者如果想開始一個 AngularJS 工程,為了采取成熟的方式開發網頁,他們或許需要很多工具。

          在開始使用 angular.js 之前,Angular.js 新手或許也想讀一些優秀的 angular.js 書籍。

          我們同樣也編寫了一份龐大的在線 angular.js 教程清單。

          為了減輕使用 AngularJS 開發 web 應用的負擔,這里列出了幾個出色的工具,包括測試、前端開發、編輯、函數庫、擴展、模塊、代碼生成器、網格工具。

          shirleywong
          shirleywong
          翻譯于 1周前

          0人頂

           翻譯的不錯哦!

          Angular.js 開發最佳 IDE

          Angular.js 需要的大部分集成開發環境(IDE)和輕量級的編輯器列在了下面。

          Webstorm

          Webstorm是一個出色的代碼編輯器,它完全理解工程,可以為任何類型的網站提供高質量的代碼。它支持所有最流行最新的網站開發技術。使用這個工具開發網站,可以很好地集成單點或流程。 

          Aptana

          Aptana 是一具集成開發環境,可以幫助你優雅地創建網站應用。使用它做為 AngularJS 的集成開發工具,你需要在 Eclipse 商店激活 AngularJS Eclipse 擴展。

          wancheng
          wancheng
          翻譯于 1周前

          0人頂

           翻譯的不錯哦!

          文本編輯器 Sublime

          對 AngularJS Web 開發者來說,方便的文本編輯工具是 Sublime。它幫助程序員使用快捷方式或幾個按鍵實現編碼。它具有很強的適應性,可以定制任何類型的編程環境。它也可以按照你的意愿分塊編輯。它還可以輕松地在項目之間切換,所有的修改都將自動保存在各自的項目中。

          Angular.js 的專用測試工具

          測試是開發的重要組成部分,無論對于使用 Angular.js 還是任何其他軟件都是如此。下面的工具可以幫助你簡化采用 Angular.js 開發的應用程序的測試。

          這些工具都是在線 JavaScript 測試工具的好伴侶。

          Protractor

          Protractor 是一個端到端的測試框架,貫穿于 AngularJS,是一個完全自動化的測試工具。它可以運行在真實的瀏覽器中測試你的應用程序。它使用了 WebDriver,Mocha, jasmine, Node.js, selenium 和cucumber 等都使用的偉大的技術。

          當所有的待處理網頁任務完成時,它會自動使用AngularJS的應用進行通信。所以,你在測試時不需要使用等待或睡眠命令。

          Iam魔方
          Iam魔方
          翻譯于 1周前

          0人頂

           翻譯的不錯哦!

          Jasmine

          Jasmine 是一個行為驅動開發框架,專為 Javascript 用戶創建。它提供了基本的測試框架,并且可以持續維護。所有測試都可以使用一個 all-in-one 的包完成,這是 Jasmine 的主要特點,高效測試你的應用。

          這個框架的一個缺點是它不能感知運行平臺(瀏覽器)。如果配合Karma使用這個問題很容易避免。

          Karma 可以做為測試運行者配合 Jasmine 使用。它是一個測試框架幫且你高效地測試應用。 

          Code Orchestra

          它是一個絕對意義上的前端開發工具幫助你創建和測試網站應用。你可以實時寫代碼,根據建議修改代碼,以同樣的格式保存代碼。通過這個工具修改后的代碼會自動布署到運行中的應用。

          wancheng
          wancheng
          翻譯于 1周前

          0人頂

           翻譯的不錯哦!

          最好的 Angular.js 函數庫

          下面是一些有用的庫,它們可以增強 angular.js 框架的能力,對開發者有所幫助。沒有必要從頭構建那些可能已經成為開放源碼的函數庫。

          CodePen

          對于所有 HTML,CSS 和 JavaScript 的前端開發者,CodePen 是一款完美的編輯工具。這個工具可以最大限度地減少對網站的創建、測試和完善的繁瑣的網頁開發工作。它是一個協作的在線編程環境。

          Web 開發人員可以清晰地跨平臺實時查看。它有一個瀏覽器中的代碼編輯器,可以自動地迅速地上傳多個文件。這個功能可協助 Web 開發人員在幾秒的時間內創建一個新的代碼。

          Angular Fire

          使用 Angular Fire,可以輕松地幫助你開發 AngularJS 的應用后臺。AngularJS 綁定的 Firebase 已經正式被 Angular Fire 支持。Firebase 是一個基于云計算的平臺,可以很容易地集成實時應用和快速創建后臺。

          當 Firebase 和 Angular Fire 組合在一起,它們有助于以更快的速度同步數據和提供良好的用戶管理服務。它還提供了一個三向的數據綁定、用戶身份驗證和靜態托管。

          Iam魔方
          Iam魔方
          翻譯于 7天前

          0人頂

           翻譯的不錯哦!

          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

          成熟的毛毛蟲
          成熟的毛毛蟲
          翻譯于 5天前

          1人頂

           翻譯的不錯哦!

          Angular.js 有用的擴展和工具

          下面是一些 Angular.js 擴展,可以滿足一些特殊應用之需。

          Ng-Inspector

          Ng-Inspector 是一個優秀的瀏覽器插件,支持 Firefox,Chrome 和 Safari,復用它可以創建一個探測控制面板,方便開發,調試 AngularJS 應用,它提供了完整的輔助功能。

          使用它可以更方便的和你的應用交互,還可以實時更新。它還可以看到全部范圍內的層次結構,模型,類型和值。點擊你關注的一個范圍,它會高亮顯示相應的 DOM 結點。

          AngularJS Batarang

          你可以使用 AngularJS Batarang 來調試你的 AngularJ S應用,它是一個專為 Chrome 提供的插件。它幫助你改善應用性能。還可能衡量調節性能的進度。

          wancheng
          wancheng
          翻譯于 4天前

          0人頂

           翻譯的不錯哦!

          Restangular

          AngularJS 獨有的一個服務是 Restangular,它可以幫助您輕松應對各種要求,例如獲取、發送、刪除以及把數據存入數據庫。它對于所有從 RESTful API 中大規模存取數據的 AngularJS 應用都很有必要。

          Generator Angular - 一個有用的工具

          Yeomen Generator

          你可以很容易地開始一個具有合理的默認值和最好的用例的項目。建立這樣的 Angular 應用,這款 Yeomen generator 工具是非常有用的。它只需幾條終端的命令,便加速了 AngularJS 應用的開發過程。這個工具是非常有用的。這些專用的生成工具將有助于應用了解項目的有關信息,并有助于開發和測試應用程序。

          Iam魔方
          Iam魔方
          翻譯于 3天前

          0人頂

           翻譯的不錯哦!

          Angular Deckgrid

          Angular Deckgrid 可以為你提供響應度和顏值俱高的應用,可以適配不同的移動終端。輕量級類磚石結構易于創建靈活的表格,高效創建圖片展示。 

          Radian

          Radian 是一個優秀的框架,使用它只需要少量的設置就可以開啟 AngularJS 項目。在多人開發項目中它是一個理想的選擇。

          Lumx

          Lumx 以快速簡單的方式幫助你創建簡單而優雅的應用。 這個可響應式前端框架是基于AngularJS 和Google 材料設計規范。這個工具可嵌入最新的技術,如 Sass 預處理器,AngularJS 和 JQuery,能極大地提高 web 應用的性能。

          wancheng
          wancheng
          翻譯于 1天前

          0人頂

           翻譯的不錯哦!

          Angular Gettext

          你可以用英語編碼,在編碼需要被翻譯的地方加上注解。Angular Gettext 工具就會自動翻譯那些獨立的部分。這是 AngularJS 非常簡單而強大的翻譯支持工具。

          NgDocs

          AngularJS 框架內置 ngDocs 工具可以簡化你項目文檔和參考手冊的相關工作。這款基于 Android 的工具也能提供給所有新手一些容易跟進的教程。

          葉秀蘭
          葉秀蘭
          翻譯于 18小時前

          0人頂

           翻譯的不錯哦!

          NgTables

          無論是簡單還是復雜的 Web 應用,在 AngularJS 框架中很容易創建一個表格,然后通過實用的 ngTables 工具進行高效的管理。ngTable 是 AngularJS 表格指令,支持排序,過濾和分頁,在編譯步驟中自動生成帶有標題和過濾器的標題行。

          ngTable 支持定制過濾選項,表格分組,表格外部數據控制 等等功能。

          總的來說,這些都是創建任意 AngularJS Web 應用的,最有用的工具集合。用好這些工具可以幫助你輕松高效的創建 AngularJS 項目。

          posted on 2015-08-12 13:32 paulwong 閱讀(607) 評論(0)  編輯  收藏 所屬分類: ANGULARJS

          主站蜘蛛池模板: 克东县| 红河县| 留坝县| 信丰县| 新丰县| 西华县| 德惠市| 馆陶县| 博白县| 赤峰市| 平塘县| 乐都县| 义马市| 宝丰县| 宜兰县| 盐城市| 泰安市| 贵港市| 汝城县| 会理县| 合江县| 江油市| 明溪县| 金平| 甘南县| 甘肃省| 合山市| 大同县| 新营市| 乐陵市| 兴国县| 会泽县| 乌拉特中旗| 苏尼特右旗| 疏勒县| 阳谷县| 剑河县| 花莲县| 库尔勒市| 宜宾市| 英超|