hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


Comment configurer des projets et les renforcer en utilisant Bower

Dans la première partie de notre série Bower, nous vous avons montré les caractéristiques essentielles de Bower, notamment l'installation, la mise à jour et la suppression de bibliothèques de sites Web. En dehors de ceux-ci, Bower fournit également quelques flexibilités. Ici, nous allons vous montrer comment configurer Bower et renforcer vos projets avec.

Changer le répertoire de Bower

Par défaut, Bower créera un nouveau nom de répertoire: bower_components . Si le nom ne vous attire pas, vous pouvez le changer.

Tout d'abord, nous devons créer un nouveau fichier nommé .bowerrc . Puis ajoutez la ligne suivante dedans.

 {"directory": "composants"} 

Il indique à Bower de créer et de sauvegarder les bibliothèques installées dans le dossier nommé components .

Bower JSON

Bower JSON est un fichier qui définit votre projet en tant que package Bower. Le fichier spécifie le nom du projet, la version, les dépendances du projet ainsi que des informations très utiles pour suivre et documenter votre projet .

Pour créer ce fichier, accédez au répertoire de votre projet et tapez bower init . Vous serez invité avec plusieurs options et questions, y compris le name (de votre projet). Alors que les autres options sont facultatives, je vous suggère de remplir les champs suivants: description, version, main qui définit les fichiers principaux du projet, author, license, homepage et dependencies qui sont les bibliothèques sur lesquelles repose votre projet.

Si vous avez déjà installé les bibliothèques dans bower_components, vous pouvez sélectionner Y quand il vous invite à " définir les composants actuellement installés comme dépendances". "; Bower les enregistrera automatiquement comme dépendances dans le fichier.

Bower vous montrera le contenu avant qu'il ne crée le fichier. Si cela semble bien, vous pouvez taper Y ...

... et un nouveau fichier nommé bower.json sera créé dans votre répertoire de projet.

Exporter d'anciens projets vers Bower

Maintenant que vous savez que Bower est un excellent outil pour vous aider à gérer vos projets, vous pouvez l'utiliser dans vos projets précédents. En règle générale, dans vos anciens projets, vous avez peut-être lié les bibliothèques de cette manière dans le .

Prenant cela comme exemple, nous pouvons voir que le projet dépend de jQuery, Normalize et Accounting.js (voir notre tutoriel précédent, Formater les nombres avec Accounting.Js).

Alors, bower init dans ce projet. Ensuite, ouvrez le fichier bower.json et définissez-les en tant que dépendances.

 "dépendances": {"jquery": "1.10.2", "normalize-css": "3.0.1", "comptabilité": "0.3.2"} 

Ensuite, exécutez la commande d' bower install . Cela va scanner bower.json et installer les bibliothèques qui sont listées sous dependencies .

Vous pouvez supprimer en toute sécurité les anciennes bibliothèques et les lier au répertoire du composant Bower à la place. Et toute personne qui sera chargée du projet ultérieurement pourra facilement installer et mettre à jour les bibliothèques avec les commandes Bower.

Emballer

Bower nous donne beaucoup de configurations, dont la plupart ne peuvent être entièrement couvertes ici. Pour explorer plus de ses lignes de commande, vous pouvez taper l' bower help qui retournera les autres utilités de Bower. Enfin, vous pouvez utiliser Bower à toute échelle de projet (petite ou grande). Il devrait être utile de rendre le projet plus gérable.

Étiquette Facebook essentielle: 10 choses à faire et à ne pas faire

Étiquette Facebook essentielle: 10 choses à faire et à ne pas faire

Avec l'explosion de Facebook et son évolution rapide en seulement quelques années, il n'est pas facile pour les utilisateurs de saisir les règles tacites des interactions sociales à l'intérieur. Pourtant, il y a un accord général sur la courtoisie ou l'étiquette pour la communication en ligne que nous pouvons appliquer au site de réseautage social phénoménal. Néanmoins

(Conseils techniques et de conception)

Créer des widgets entièrement animés avec Shift.css

Créer des widgets entièrement animés avec Shift.css

L'animation Web offre un moyen d' attirer l'attention des gens et de les attirer vers un site Web. Il y a beaucoup d'outils pour créer des animations gratuites, mais Shift.css est l'un des plus récents du groupe.C'est un framework open source gratuit conçu pour créer des animations dynamiques dans n'importe quel conteneur . Et

(Conseils techniques et de conception)