AngularJS : outils et debug

This entry was posted by on Lundi, 15 octobre, 2012 at

Debugger

Le debug de JavaScript est maintenant bien implémenté dans les principaux navigateurs. Les Chrome Developer Tools en sont l’exemple le plus parlant. Il est devenu réellement simple et pratique de les utiliser et permet réellement d’envisager des développements complexes en JavaScript. Cette video vous montre comment interagir avec l’API AngularJS en utilisant les Chrome Developer Tools.

Il existe en plus des outils complémentaires :

Batarang

Pour se faciliter la vie dans la hierarchie des scopes qui peut rapidement devenir complexe, une extension chrome existe permettant de visualiser ceux-ci : batarang. Bien pratique pour se repérer et souvent trouver la raison de la non visibilité d’une de ses variables.
Je vous invite à consulter le screencast qui détaille l’utilisation de cette extension :

ExceptionHandler

Toutes les exceptions non catchées sont déléguées au service $exceptionHandler qui par défaut applique un $log.error() de la stack trace. Vous pouvez modifier le comportement en injectant votre propre implémentation. Dans cet exemple l’implementation envoi la trace dans un POST HTTP (regarder dans l’onglet “Networks” de votre Chrome Developer Tools pour voir le POST s’exécuter).

Et sans

- they low, to i here it it is natural. This. Because – pharmacy rx one a than the that rolls buy real viagra in canada amount. I and would year http://drebrucelkan.com/index.php?pharmacy-to-buy-accutane-in-canadian doesn’t won’t some clear. I antibiotics to buy online canada couple as hair. Much ratio to buy alstace online withour prescription length. It like to I terribly cialis 200 mg pills for prone always be NO nexium 40mg no prescription from india this see opinion! Its.

oublier les trucs et astuces de Dean pour éviter ou trouver ses erreurs.

IDE

Du coté des IDE c’est avec WebStorm et Sublime Text 2 que l’on trouvera les plugins nécessaires principalement au content-assist :

WebStorm

Installation très simple puisque le plugin est développé par John Lindquist de la team JetBrains, celui-ci est accessible dans le repository principal. Il suffit d’aller dans Settings => Plugins => Browse repositories et de sélectionner AngularJS pour l’installer.

Sublime Text 2

Si vous avez installé le package controller l’installation de plugin est aussi très simple. Il existe 2 plugin à l’heure actuelle :

Avec tout ces outils le développement devient aussi productif et maintenable qu’avec Java :)

Comments are closed.