25個(gè)超有用的 AngularJS Web 開發(fā)工具

作者：王國峰 2015-07-03 11:36:00

下面我要說的就是25個(gè)超有用的AngularJS工具，web開發(fā)人員千萬不可錯(cuò)過哦。

AngularJS是為了克服HTML在構(gòu)建應(yīng)用上的不足而設(shè)計(jì)的。HTML是一門很好的為靜態(tài)文本展示設(shè)計(jì)的聲明式語言，改善了JavaScript。

下面我要說的就是25個(gè)超有用的AngularJS工具，web開發(fā)人員千萬不可錯(cuò)過哦。

1）AngulaJS***測試工具——Protractor

Protractor支持AngularJS應(yīng)用程序，是一款終端到終端的測試框架。Protractor在真正的瀏覽器中運(yùn)行測試。由于Protractor支持Angular的具體定位策略，故而你無需進(jìn)行任何設(shè)置就可以測試特定的Angular元素。

官方網(wǎng)站：http://angular.github.io/protractor/

2）AngularJS測試框架——Jasmine

Jasmine對于JavaScript用戶而言，也是一款測試框架。這也是一個(gè)DOM較少的JavaScript框架，它適合所有的Node.js項(xiàng)目和網(wǎng)站，并且在任何地方運(yùn)行都是免費(fèi)的。

官方網(wǎng)站：https://github.com/jasmine/jasmine

3）支持AngularJS的IDE——Webstorm

WebStorm的智能代碼編輯器為JavaScript、Node.js、HTML和CSS，以及它們的接替者提供了***的支持。WebStorm可以很好地處理現(xiàn)流行的web技術(shù)，提供***的AngularJS支持。

官方網(wǎng)站：https://www.jetbrains.com/webstorm/

4）AngularJS***框架——Angular fire

firebase是用于輕松構(gòu)建Web和移動應(yīng)用程序的系列庫，也是強(qiáng)大的框架。它能為JavaScript用戶提供Angular Fire框架。

官方網(wǎng)站：https://www.firebase.com/docs/web/libraries/angular/index.html

***ngularJs測試工具——karma

karma也是一款非常盛行的測試框架，用于JavaScript應(yīng)用程序，它還能為開發(fā)人員提供測試環(huán)境。

官方網(wǎng)站：http://karma-runner.github.io/0.12/index.html

#p#

6）***AngularJS工具——Mochajs

Mocha是一款運(yùn)行在Node.js和瀏覽器上，功能豐富的JavaScript測試框架，它能夠使得異步測試變得簡單而有趣。Mocha測試運(yùn)行持續(xù)，在映射未捕獲的異常到正確的測試案例的同時(shí)，允許靈活和準(zhǔn)確的報(bào)告。

官方網(wǎng)站：http://mochajs.org/

7）***的代碼編輯器——SublimeText

這是開發(fā)人員最喜歡的文本代碼編輯器之一。

官方網(wǎng)站：http://www.sublimetext.com/

8）***的AngularGrid——Angular Deckgrid

Angular Deckgrid是輕量級的網(wǎng)格，支持AngularJS。免費(fèi)下載。它的指令不依賴于視覺表現(xiàn)。所有的響應(yīng)能力和美感來自于你的CSS文件。

官方網(wǎng)站：http://andrekoenig.info/angular-deckgrid/#/

9）實(shí)用的AngularJS服務(wù)——Restangular

Restangular是一個(gè)AngularJS的服務(wù)，通過最少的客戶端代碼簡化了常用的GET、POST、DELETE和UPDATE請求。

官方網(wǎng)站：https://github.com/mgonto/restangular

10）支持Chrome的AngularJS擴(kuò)展——ng Inspector

ng Inspector支持Chrome和Safari瀏覽器，可協(xié)助你開發(fā)、調(diào)試和理解AngularJS應(yīng)用程序。

官方網(wǎng)站：http://ng-inspector.org/

#p#

11）Angular GetText

Angular gettext為AngularJS提供超級簡單的翻譯支持。只要用英語寫下來，標(biāo)注要翻譯的部分，剩下的就交給它好了。

12）Angular框架——AngularUI

AngularUI是AngularJS框架。

官方網(wǎng)站：http://angular-ui.github.io/

13）Yeoman Generator Angular

支持AngularJS的Yeoman Generator——能讓你快速建立具有合理默認(rèn)值和***實(shí)踐的項(xiàng)目。

官方網(wǎng)站：https://github.com/yeoman/generator-angular

14）djAngular

這是一個(gè)可重復(fù)使用的應(yīng)用程序，提供了更好的應(yīng)用程序集成。 Djangular允許你創(chuàng)建AngularJS內(nèi)容的app，而不是包含了Django的單一龐大的AngularJS應(yīng)用程序。

官方網(wǎng)站：https://github.com/appliedsec/djangular

15）Ment.io

Mentions和Macros部件基于AngularJS，但并不依賴jQuery。

官方網(wǎng)站：https://github.com/jeff-collins/ment.io

#p#

16）Angular Kickstart

想要加快你的AngularJS開發(fā)嗎？那么此完整的、可擴(kuò)展的構(gòu)建系統(tǒng)的項(xiàng)目支架一定適合你。

官方網(wǎng)站：http://vesparny.github.io/angular-kickstart/#/

17）ng book

當(dāng)我們在構(gòu)建大型的Angular應(yīng)用程序時(shí)，總是難以避免經(jīng)常性地碰到那些看似難以發(fā)現(xiàn)和解決令人頭疼無比的問題。這時(shí)，ng book就上場了。

官方網(wǎng)站：https://www.ng-book.com/p/Debugging-AngularJS/

18）MeanIO

Mean是用于構(gòu)建Web應(yīng)用程序的簡單卻強(qiáng)大的JavaScript框架。

官方網(wǎng)站：http://mean.io/#!/

19）Code Orchestra

COLT是一款前端開發(fā)工具，它允許點(diǎn)播式編寫代碼。當(dāng)你修改代碼保存之后，它可以通過特殊的協(xié)議，將改變傳達(dá)給正在工作中的應(yīng)用程序。支持AngularJS。

官方網(wǎng)站：http://codeorchestra.com/#/

20）Angular Seed

這是一個(gè)支持典型AngularJS Web應(yīng)用程序的應(yīng)用程序骨架。你可以用它來快速引導(dǎo)你的angular web應(yīng)用項(xiàng)目，和支持這些項(xiàng)目的開發(fā)環(huán)境。

官方網(wǎng)站：https://github.com/angular/angular-seed

#p#

21）LUMX

基于AngularJS和Google Material Design規(guī)范的***個(gè)響應(yīng)前端的框架。對任何一個(gè)Web應(yīng)用程序都非常重要。這也是為什么我們只使用jQuery，而無需它的任何插件。每個(gè)部件之后都可以被自制成***地插入到AngularJS應(yīng)用程序中。