Démarrer un projet angular avec Yeoman

de | février 25, 2015

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.

00

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.