給 Web 開發者的 25 款最有用的 AngularJS 工具

AngularJS 是一種新 JavaScript 框架,目的是降低要求,加快開發速度。AngularJS 是讓 HTML 標記動態,使其對 web 開發者更有幫助,同時從大量的分段中給定一個標準結構,使開發速度更快更高效。越來越多的前端 web 設計師尋找在允許整體代碼非常長的時候能立即設置接口的方法。jQuery 是就是這樣一個示例架構,由本地 JavaScript 控制,可以很好的加速 Web 開發。一些屬性,當添加到標準 HTML5 代碼中就可以快速的開始創建 AngularJS 實例。

JavaScript 現今已經被強勢用在大部分 web 應用中,最初用在網站上是爲了不必要的用戶註冊。系統的使用隱含更多的是網站 JavaScript 的一致性和健壯性,而且可以用在客戶端和服務器端。

JavaScript 設計者很明智的選擇了在未來幾年深入 AngularJS,並且把它放在結構網站的顯著位置。AngularJS 可以和任意的 Knockout 和 Backbone 外觀相結合,利用率和重要性也日趨提升。現在有各種各樣的 AngularJS 工具提供在互聯網。今天我們來爲大家介紹提供給 Web 開發者的 25 款最棒的 AngularJS 工具。

1) AngulaJS 最棒的測試工具 – Protractor

Protractor 是 AngularJS 團隊構建的一個端對端的測試運行工具,模擬用戶交互,幫助你驗證你的Angular應用的運行狀況。”Protractor 使用 Jasmine 測試框架來定義測試。Protractor 爲不同的頁面交互提供一套健壯的API。

best angularjs tools for web developers for 2015 - protractor

2) AngularJS 測試框架 – Jasmine

jasmine 是爲 JavaScript 用戶準備的另一個測試框架,適用於所有 Node.js 項目,網站。

best angularJS tools for web developers for 2015 - jasmine

3) AngularJS IDE –  Webstorm

WebStorm 的智能代碼編輯器提供對 JavaScript,Node.js,HTM 和 CSS 一流的支持,還有他們的現代化的繼任者。WebStorm 可以很好的支持 Web 開發中最新流行的技術。趕緊享受對 AngularJS 一流的支持吧!

best angularJS tools for web developers for 2015 - webstrom

4) 最好的 AngularJS 框架 – Angular fire

Firebase 是庫集合,可以用來簡單構建 web 和移動應用,是非常強大的框架。Firebase 爲 JavaScript 用戶提供 Angular Fire 框架。

best angularJS tools for web developers for 2015 firebase

5) AngularJS 測試工具 – karma

karma 是另外一個超級流行的 JavaScript 應用測試框架,提供一個測試環境給開發者。

best angularJS tools for web developers for 2015 karma-angularjs

6) 最好的 AngularJS 工具 – Mochajs

Mocha 是具有豐富特性的 JavaScript 測試框架,可以運行在 Node.js 和瀏覽器中,使得異步測試更簡單更有趣。Mocha 可以持續運行測試,支持靈活又準確的報告,當映射到未捕獲異常時轉到正確的測試示例。

best angularJS tools for web developers for 2015 - mochajs

7) 最好的代碼編輯器 – SublimeText

Sublime Text 是開發者最愛的文本代碼編輯器之一。

best angularJS tools for web developers for 2015 - subllimetext

8) 最好的 AngularGrid – Angular Deckgrid

Angular deckgrid 是輕量級的 AngularJS 網格,該指令不依賴於視覺展示,所有的響應和美觀都依賴於你的 CSS 文件。

best angularJS tools for web developers for 2015 angular-deckgrid

9) 有用的 AngularJS 服務 – Restangular

Restangular 是 AngularJS 服務,簡化常規的 GET, POST, DELETE 和 UPDATE 請求,使用更簡短的代碼。Restangular 適用於所有 WebApp,從 RESTful API 中消耗數據。 

best angularJS tools for web developers for 2015  - restangular

10) AngularJS 的 Chrome 插件 –  ng Inspector

ng-inspector 是 Chrome 和 Safari 的瀏覽器擴展插件,添加一個檢視器面板,幫助開發者開發,調試和理解你的 AngularJS 應用。

best angularJS tools for web developers for 2015 - ng-inspector

11) Angular GetText

Angular gettext 是超級簡單的翻譯應用,支持 AngularJS,與 AngularJS 無縫集成。用戶需要用英語白那些,然後進行註解,剩下的 Angular GetText 會自動完成。

best angularJS tools for web developers for 2015 - angular-gettext 

12) Angular 框架 – AngularUI

AngularUI 是 AngularJS 框架。

best angularJS tools for web developers for 2015 - angularui

13)  Yeoman Generator Angular

Yeoman Generator Angular 是 AngularJS 的 Yeoman 生成器,可以使用合理參數和最佳實踐來快速配置項目。

best angularJS tools for web developers for 2015- yeoman

14) djAngular

djAngular 是個可複用的 Django 應用,提供更好的 AngularJS 集成和工具。Djangular 允許你爲每個應用創建 AngularJS 內容,而不是在 Django 中創建單個大規模的 AngularJS 應用。

best angularJS tools for web developers for 2015 - djangularjs

15) Ment.io

Ment.io 是基於 AngularJS 的 Mentions 和 Macros 部件,不依賴 jQuery。

best angularJS tools for web developers for 2015 - ment.io

16) Angular Kickstart

AngularJS Kickstart 是能加快 AngularJS 開發的完整可伸縮構建系統,你只需要關注代碼編寫和測試,其他的 AngularJS Kickstart 都能幫你搞定!

best angularJS tools for web developers for 2015 - angular-kickstart

17) ng Book

當我們在構建大型 AngularJS 應用時,會經常遇到一些看起來難以發現又難以解決的問題。這是一本能解決你所有 AngularJS 疑惑的書。

best angularJS tools for web developers for 2015-  ng-book

18) MeanIO

Mean 是構建 Web 應用的簡單而強大的 JavaScript 應用。

best angularJS tools for web developers for 2015 - ment.io

19) Code Orchestra

COLT 是前端開發工具,可以在線編寫代碼。COLT 會使用一個特殊的協議來保存用戶修改的代碼,支持 AngularJS。

best angularJS tools for web developers for 2015 - colt

20) Angular Seed

AngularJS Seed 是典型的 AngularJS web 應用的應用骨架,可以快速的啓動你的 AngularJS web 應用項目和這些項目的開發環境。

best angularJS tools for web developers for 2015 - angular-seed

21) LUMX

LUMX 是第一個基於 AngularJS 和 Google Material Design 規範的響應式前端框架。性能對於所有 web 應用都是至關重要的,LUMX 只使用 jQuery 的原因就是這個。LUMX 的每個組件都能很完美的嵌入到 AngularJS 應用中。

best angularJS tools for web developers for 2015 - lumx

22) ng Docs

ngDocs 是 Android 版本的 AngularJS 手冊。

best angularJS tools for web developers for 2015 - ng-docs

23) AngularJS Batarang

AngularJS Batarang 是適用於 Chrome 的 AngularJS WebInspector 擴展。

best angularJS tools for web developers for 2015 - angularjs-batarang

24) Videogular

Videogular 是 AngularJS 的 HTML5 視頻播放器,使用 AngularJS 開發,可以讓你的項目更有魅力!

best angularJS tools for web developers for 2015 - videogular

25) ng Table

AngularJS 表格指令,支持排序,過濾和分頁。

best angularJS tools for web developers for 2015 - ng-table

via devzum.com

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章