Démarrer un projet angular avec Yeoman

Bonjour, dans ce post je vais vous expliquer comment configurer un projet angular avec firebase. Pour cela j’utiliserai Yeoman. Cet utilitaire va nous permettre de créer le squelette de notre application et de configurer Grunt pour nous facilité la vie.

Pour commencer il faut installer Yeoman :

npm install -g yo 

Puis le générateur angularfire  :

npm install -g generator-angularfire 

Ensuite on lance le générateur :

yo angularfire foo

Indiquez le nom de votre base de donnée Firebase et suivez les instructions. Il nous reste maintenant à modifier un bout de code dans Gruntfile.js. En effet par défault le fait de lancer la commande

grunt serve

va cleaner tout fichier que vous rajouteriez entre les balises <!– bower –> et <!– endBower –>. Cela est dû à la tâche wiredep qui doit normalement inclure nos composants bower automatiquement. Pour que celle-ci fonctionne correctement il suffit d’ajouter l’attribut « dependency : true » dans app de la tâche wiredep.

    wiredep: {
        options: {
            directory : 'bower_components',
            cwd: ''
        },
        app: {
            src: ['<%= yeoman.app %>/index.html'],
            dependency : true,
            ignorePath:  /\.\.\//
       }
    }

Maintenant lancez votre serveur et profiter de la puissance de Grunt.