开发者的22个最好 AngularJS 工具
包含最好的AngularJS工具,代码编辑器,测试工具,扩展。
1- WebStorm
WebStorm’s smart code editor provides first-class support for JavaScript, Node.js, HTML and CSS. It works well with most modern and popular technologies for web development such as, AngularJS, ECMAScript, Compass, and much more.
While the AngularJS plugin is now bundled with WebStorm, the several additional new AngularJS features and instructions can be found here.
2- Sublime Text
Sublime Text is a sophisticated text editor for code, markup and prose. Sublime Text is loved by many because of its slick user interface, extraordinary features and amazing performance. It is not only fast but, it also offers many packages including the AngularJS package that allow you to work with Angular. Here are some useful tips on how to get started with AngularJS Package for Sublime Text.
3- Aptana
The most powerful open-source web development IDE. You can build web applications quickly and easily using Aptana the leading web application IDE.
4- Karma
A test runner that fits all your needs. The main goal for Karma is to bring a productive testing environment to developers. The environment being one where they don’t have to set up loads of configurations, but rather a place where developers can just write the code and get instant feedback from their tests.
5- Jasmine
Jasmine is a behavior-driven development framework for testing JavaScript code. It does not depend on any other JavaScript frameworks. It does not require a DOM. And it has a clean, obvious syntax so that you can easily write tests.Jasmine tests itself across many browsers such as, (Safari, Chrome, Firefox, PhantomJS, and new Internet Explorer) as well as node.
6- Protractor
Protractor is an end-to-end test framework for AngularJS applications. Protractor runs tests against your application running in a real browser, interacting with it as a user would. Protractor supports Angular-specific locator strategies, which allows you to test Angular-specific elements without any setup effort on your part.
The Protractor documentation for users is located in the protractor/docs folder to get set up and running quickly. Also don’t forget to check this useful tutorial.
7- Mocha
Mocha is a simple, flexible, fun JavaScript test framework for node.js and the browser.
8- UI Bootstrap
Bootstrap components written in pure AngularJS by the AngularUI Team. This repository contains a set of native AngularJS directives based on Bootstrap’s markup and CSS. As a result no dependency on jQuery or Bootstrap’s JavaScript is required.
9- Angular-kickstart
angular-kickstart is an opinionated kickstart for single page application development with AngularJS. It makes your development and testing easy, keeps the structure of the project consistent and allows you to create a fully optimized production release with ease.
Advertisements
10- Yeoman
Yeoman generator for AngularJS – helps you to kickstart new projects, prescribing best practices and tools to help you stay productive.
11- Restangular
Restangular is an AngularJS service that simplifies common GET, POST, DELETE, and UPDATE requests with a minimum of client code. It’s a perfect fit for any Web App that consumes data from a RESTful API. Restangular supports all angular versions including 1.0.X, 1.1.X and 1.2.X (1.2.4 being the current at the time). Check out a video introduction of Restangular.
12- NG-Inspector
ng-inspector is a browser extension for Chrome, Firefox, and Safari that displays an inspector pane to help you develop, debug and understand your AngularJS applications.
The extension adds a button next to the address bar with the AngularJS logo that toggles the pane on and off.
13- Angular-Deckgrid
A lightweight masonry-like grid for AngularJS.
14- AngularUI
The companion suite(s) to the AngularJS framework.
15- Angular-Gettext
Angular-gettext let’s you focus on developing your application. Just write everything in English and annotate which parts should be translated. The tools do the rest.
16- Videogular
Videogular is a video application framework for desktop and mobile powered by AngularJS. Videogular is a wrapper over the HTML5 video tag, so you just could add whatever you want. This provides a very powerful, but simple to use solution, for everybody.
17- MEAN
MEAN is a framework for an easy starting point with MongoDB, Node.js, Express, and AngularJS based applications. It is designed to give you a quick and organized way to start developing MEAN based web apps with useful modules like Mongoose and Passport pre-bundled and configured.
18- LumX
The first responsive front-end framework based on AngularJS & Google Material Design specifications. LumX will help you to design beautiful applications, faster and easier.
19- ngDocs
Have the AngularJS Documentation wherever you go with Android version of ngDocs.
20- ngTable
Simple table with sorting and filtering on AngularJS.
21- Ment.io
Mentions and macros widget based on AngularJS, but with no dependencies on jQuery.
22- Djangular
A reusable app that provides better app integration with AngularJS. Djangular allows you to create AngularJS content per app, instead of creating a single massive AngularJS application inside of Django. This allows you to selectively use apps per site, as well as create a consistent structure across all of your Django apps.