Underscore.JS - Configuration de l'environnement
Dans ce chapitre, vous apprendrez en détail comment configurer l'environnement de travail de Underscore.JS sur votre ordinateur local. Avant de commencer à travailler sur Underscore.JS, vous devez avoir accès à la bibliothèque. Vous pouvez accéder à ses fichiers dans l'une des méthodes suivantes -
Méthode 1: Utilisation du fichier Underscore.JS dans le navigateur
Dans cette méthode, nous allons avoir besoin du fichier Underscore.JS de son site officiel et l'utiliser directement dans le navigateur.
Étape 1
Dans un premier temps, rendez-vous sur le site officiel de Underscore.JS https://underscorejs.org/.
Notez qu'il existe une option de téléchargement disponible qui vous donne le dernier fichier underscore-min.js UMD (Production) disponible. Cliquez avec le bouton droit sur le lien et choisissez Enregistrer sous. Notez que le fichier est disponible avec et sans minification.
Étape 2
Maintenant, incluez underscore-min.js à l'intérieur de scripttag et commencez à travailler avec Underscore.JS. Pour cela, vous pouvez utiliser le code ci-dessous -
<script type = "text/JavaScript" src = "https://underscorejs.org/underscore-min.js"></script>Voici un exemple de travail et sa sortie pour une meilleure compréhension -
Exemple
<html>
<head>
<title>Underscore.JS - Working Example</title>
<script type = "text/JavaScript" src = "https://underscorejs.org/underscore-min.js"></script>
<style>
div {
border: solid 1px #ccc;
padding:10px;
font-family: "Segoe UI",Arial,sans-serif;
width: 50%;
}
</style>
</head>
<body>
<div style = "font-size:25px" id = "list">
</div>
<script type = "text/JavaScript">
var numbers = [1, 2, 3, 4];
var listOfNumbers = '';
_.each(numbers, function(x) { listOfNumbers += x + ' ' });
document.getElementById("list").innerHTML = listOfNumbers;
</script>
</body>
</html>Production
Méthode 2: Utilisation de Node.js
Si vous optez pour cette méthode, assurez-vous d'avoir Node.js et npminstallé sur votre système. Vous pouvez utiliser la commande suivante pour installer Underscore.JS -
npm install underscoreVous pouvez observer la sortie suivante une fois Underscore.JS installé avec succès -
+ [email protected]
added 1 package from 1 contributor and audited 1 package in 6.331s
found 0 vulnerabilitiesMaintenant, pour tester si Underscore.JS fonctionne correctement avec Node.js, créez le fichier tester.js et ajoutez-y le code suivant -
var _ = require('underscore');
var numbers = [1, 2, 3, 4];
var listOfNumbers = '';
_.each(numbers, function(x) { listOfNumbers += x + ' ' });
console.log(listOfNumbers);Enregistrez le programme ci-dessus dans tester.js. Les commandes suivantes sont utilisées pour compiler et exécuter ce programme.
Commander
\>node tester.jsProduction
1 2 3 4