Les deux révisions précédentesRévision précédenteProchaine révision | Révision précédente |
issue90:command_conquer [2015/02/14 10:20] – [2] auntiee | issue90:command_conquer [2015/02/14 14:40] (Version actuelle) – andre_domenech |
---|
You may ask why anyone would want to use Bower to install something like Foundation or Twitter Bootstrap - and the answer is relatively simple. It’s their supported method for installing SASS versions of their frameworks. This means you’ll receive SASS files of Foundation or Bootstrap, enabling you to enable/disable features, and minimize the overhead of your website. It also gives you an automated system for getting the newest versions.** | You may ask why anyone would want to use Bower to install something like Foundation or Twitter Bootstrap - and the answer is relatively simple. It’s their supported method for installing SASS versions of their frameworks. This means you’ll receive SASS files of Foundation or Bootstrap, enabling you to enable/disable features, and minimize the overhead of your website. It also gives you an automated system for getting the newest versions.** |
| |
Ces derniers mois, j'ai consacré quelques articles à des aspects de la conception web (Node.js, npm, SASS), et maintenant j'aimerais ajouter encore plus d'informations à ce sujet. J'ai récemment commencé à utiliser Bower pour installer et gérer différentes versions de Foundation et Twitter Bootstrap dans divers projets. Aussi, je vais parler de l'installation de Bower, de sa configuration, puis de la configuration de Grunt pour utiliser Foundation (après l'avoir installé avec Bower). | Ces derniers mois, j'ai consacré quelques articles à des aspects de la conception Web (Node.js, npm, SASS), et maintenant j'aimerais ajouter encore plus d'informations à ce sujet. J'ai récemment commencé à utiliser Bower pour installer et gérer différentes versions de Foundation et Twitter Bootstrap dans divers projets. Aussi, je vais parler de l'installation de Bower, de sa configuration, puis de la configuration de Grunt pour utiliser Foundation (après l'avoir installé avec Bower). |
| |
Pourquoi ? | Pourquoi ? |
npm install -g bower | npm install -g bower |
| |
(Cette commande peut nécessiter un sudo si elle échoue en tant qu'utilisateur normal). | (Cette commande peut nécessiter un sudo si elle échoue pour l'utilisateur normal.) |
| |
Configurer Bower | Configurer Bower |
| |
Ceci créera un fichier bower.json (similaire au fichier package.json de npm). Cela peut être fait de manière interactive, ou vous pouvez simplement copier un fichier type et le modifier. Pour la méthode interactive, utilisez la commande suivante : | Ceci créera un fichier bower.json (similaire au fichier package.json de npm). Cela peut être fait de manière interactive ou vous pouvez simplement copier un fichier type et le modifier. Pour la méthode interactive, utilisez la commande suivante : |
| |
bower init | bower init |
}, | }, |
| |
En supposant que vous voulez également inclure le javascript de Foundation, vous aurez également besoin de l'ajouter à la zone « js », bien que généralement l'importation du fichier foundation.min.js directement dans votre page Web devrait suffire. Si vous utilisez beaucoup de fichiers JavaScript et voulez les fusionner, vous devrez faire pointer Grunt vers chacun des fichiers tour à tour, et le configurer pour les fusionner et les compresser. | En supposant que vous voulez également inclure le javascript de Foundation, vous aurez également besoin de l'ajouter à la zone « js », bien que, généralement, l'importation du fichier foundation.min.js directement dans votre page Web doive suffire. Si vous utilisez beaucoup de fichiers JavaScript et voulez les fusionner, vous devrez faire pointer Grunt vers chacun des fichiers tour à tour et le configurer pour les fusionner et les compresser. |
| |
====== 6 ====== | ====== 6 ====== |
http://foundation.zurb.com/ - Zurb Foundation website, containing information on using the Foundation framework.** | http://foundation.zurb.com/ - Zurb Foundation website, containing information on using the Foundation framework.** |
| |
Et cela (avec mes précédents articles) conclut l'utilisation de SASS pour votre projet web. Nous avons c couvert : l'installation de Node.js, npm, grunt, bower, et un environnement tel que Zurb Foundation. Si vous combinez cette information avec mes articles sur la configuration de dépôts git, vous êtes prêts pour configurer votre prochain projet web d'une manière relativement robuste - ou pour créer un référentiel contenant votre configuration de base pour tous vos projets futurs. | Et cela (avec mes précédents articles) conclut l'utilisation de SASS pour votre projet Web. Nous avons couvert : l'installation de Node.js, npm, grunt, bower, et un environnement tel que Zurb Foundation. Si vous combinez cette information avec mes articles sur la configuration de dépôts git, vous êtes prêts pour configurer votre prochain projet Web d'une manière relativement robuste - ou pour créer un référentiel contenant votre configuration de base pour tous vos projets futurs. |
| |
Si quelqu'un est intéressé par d'autres articles sur la conception de sites Web, faites-le moi savoir par courriel s'il-vous-plaît à lswest34+fcm@gmail.com. Si vous avez d'autres suggestions ou des demandes, n'hésitez pas à me les envoyer par courriel également. | Si quelqu'un est intéressé par d'autres articles sur la conception de sites Web, veuillez me le faire savoir par courriel à lswest34+fcm@gmail.com. Si vous avez d'autres suggestions ou des demandes, n'hésitez pas à me les envoyer par courriel également. |
| |
Lectures complémentaires | Lectures complémentaires |