Outils pour utilisateurs

Outils du site


issue90:command_conquer

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision
Révision précédente
issue90:command_conquer [2015/02/13 22:06] – [5] fredphil91issue90:command_conquer [2015/02/14 14:40] (Version actuelle) andre_domenech
Ligne 13: Ligne 13:
  
 • Lorsque j'ai dit que la ligne /bin/sh définissait l'environnement pour Linux, il a suggéré qu'une description plus précise serait « définissait l'interpréteur par défaut (ici /bin/sh) pour exécuter le script ». • Lorsque j'ai dit que la ligne /bin/sh définissait l'environnement pour Linux, il a suggéré qu'une description plus précise serait « définissait l'interpréteur par défaut (ici /bin/sh) pour exécuter le script ».
-• « Ce terme peut également être une expression régulière simple » Il m'a fait remarquer que par défaut on utilise les expressions régulières, et qu'il faudrait l'option -F pour trouver un « . » littéral dans le PDF.+• « Ce terme peut également être une expression régulière simple »Il m'a fait remarquer que par défaut on utilise les expressions régulières, et qu'il faudrait l'option -F pour trouver un « . » littéral dans le PDF.
  
 ====== 2 ====== ====== 2 ======
Ligne 23: Ligne 23:
 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 conception web (Node.js, npm, SASS), et maintenant j'aimerais ajouter encore plus d'informations sur ce sujet. J'ai récemment commencé à utiliser Bower pour installer et gérer différentes versions de Fondation et Twitter Bootstrap dans divers projets. Aussi, je vais parler de l'installation Bower, de sa configuration, puis de la configuration de Grunt pour utiliser Fondation (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 ?
  
-Vous pouvez vous demander pourquoi quelqu'un voudrait utiliser Bower pour installer quelque chose comme Fondation ou Twitter Bootstrap - et la réponse est relativement simple. C'est la méthode qu'ils prennent en charge pour l'installation de leurs systèmes en version SASS. Cela signifie que vous recevrez les fichiers SASS de Fondation ou Bootstrap, vous permettant d'activer/désactiver des fonctionset de minimiser le travail autour de votre site web. Cela vous donne également un système automatisé pour obtenir les dernières versions.+Vous pouvez vous demander pourquoi quelqu'un voudrait utiliser Bower pour installer quelque chose comme Foundation ou Twitter Bootstrap la réponse est relativement simple. C'est la méthode qu'ils prennent en charge pour l'installation de leurs systèmes en version SASS. Cela signifie que vous recevrez les fichiers SASS de Foundation ou Bootstrap, vous permettant d'activer/désactiver des fonctions et de minimiser le travail autour de votre site Web. Cela vous donne également un système automatisé pour obtenir les dernières versions.
  
 ====== 3 ====== ====== 3 ======
Ligne 53: Ligne 53:
 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 interactiveou 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
Ligne 95: Ligne 95:
 bower install foundation --save-dev bower install foundation --save-dev
  
-Cela installera Fondation dans bower_components dans le dossier de votre projet, et ajoutera une ligne à votre fichier bower.json qui ressemble à ceci :+Cela installera Foundation dans bower_components dans le dossier de votre projet, et ajoutera une ligne à votre fichier bower.json qui ressemble à ceci :
  
 "foundation": "~5.4.5" "foundation": "~5.4.5"
  
-C'est la ligne qui dit à bower qu'il doit installer Fondation en version 5.4.5 au moins, au cas où vous avez besoin de reconfigurer ou mettre à jour le projet.+C'est la ligne qui dit à bower qu'il doit installer Foundation en version 5.4.5 au moins, au cas où vous avez besoin de reconfigurer ou mettre à jour le projet.
  
 ====== 5 ====== ====== 5 ======
Ligne 118: Ligne 118:
 Assuming you also want to include the javascript from foundation, you’ll also need to add it to the js area, though generally importing the foundation.min.js file directly into your webpage should suffice. If you use lots of javascript files and want them merged, you will need to point Grunt to each of the files in turn, and configure it to merge and compress them.** Assuming you also want to include the javascript from foundation, you’ll also need to add it to the js area, though generally importing the foundation.min.js file directly into your webpage should suffice. If you use lots of javascript files and want them merged, you will need to point Grunt to each of the files in turn, and configure it to merge and compress them.**
  
-Utiliser Fondation depuis Bower avec Grunt+Utiliser Foundation depuis Bower avec Grunt
  
-Si vous avez suivi le dernier article que j'ai écrit sur Grunt, cela devrait sembler assez simple. Ce que vous devez faire est de faire pointer Grunt vers le dossier de Fondation, sous bower_components. Cela signifie que vous aurez besoin d'ajouter (ou modifier) la ligne « foundation » dans l'objet projet de votre fichier Gruntfile.js. Cela devrait ressembler à ceci :+Si vous avez suivi le dernier article que j'ai écrit sur Grunt, cela devrait sembler assez simple. Ce que vous devez faire est de faire pointer Grunt vers le dossier de Foundation, sous bower_components. Cela signifie que vous aurez besoin d'ajouter (ou modifier) la ligne « foundation » dans l'objet projet de votre fichier Gruntfile.js. Cela devrait ressembler à ceci :
  
 project: { project: {
Ligne 131: Ligne 131:
 }, },
  
-En supposant que vous voulez également inclure le javascript de Fondation, 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 à touret 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 quegénéralementl'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 ======
Ligne 142: Ligne 142:
 http://bower.io/ - Bower website containing documentation. http://bower.io/ - Bower website containing documentation.
 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 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, 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
 +http://bower.io/ - site Bower contenant la documentation.
 +http://foundation.zurb.com/ - site de Zurb Foundation, contenant des informations sur l'utilisation de l'environnement Foundation.
  
issue90/command_conquer.1423861573.txt.gz · Dernière modification : 2015/02/13 22:06 de fredphil91