Underscore.JS - Configurazione dell'ambiente
In questo capitolo imparerai in dettaglio come configurare l'ambiente di lavoro di Underscore.JS sul tuo computer locale. Prima di iniziare a lavorare su Underscore.JS, devi avere accesso alla libreria. È possibile accedere ai suoi file in uno dei seguenti metodi:
Metodo 1: utilizzo del file Underscore.JS nel browser
In questo metodo, avremo bisogno del file Underscore.JS dal suo sito Web ufficiale e lo utilizzeremo direttamente nel browser.
Passo 1
Come primo passo, vai al sito web ufficiale di Underscore.JS https://underscorejs.org/.
Si noti che è disponibile un'opzione di download che fornisce l'ultimo file di sottolineatura-min.js UMD (Produzione) disponibile. Fare clic con il pulsante destro del mouse sul collegamento e scegliere Salva con nome. Notare che il file è disponibile con e senza minimizzazione.
Passo 2
Ora includi underscore-min.js dentro il scripttag e inizia a lavorare con Underscore.JS. Per questo, puoi utilizzare il codice fornito di seguito:
<script type = "text/JavaScript" src = "https://underscorejs.org/underscore-min.js"></script>Qui viene fornito un esempio funzionante e il suo output per una migliore comprensione -
Esempio
<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>Produzione
Metodo 2: utilizzo di Node.js
Se stai optando per questo metodo, assicurati di averlo fatto Node.js e npminstallato sul tuo sistema. È possibile utilizzare il seguente comando per installare Underscore.JS -
npm install underscoreÈ possibile osservare il seguente output una volta installato con successo Underscore.JS -
+ [email protected]
added 1 package from 1 contributor and audited 1 package in 6.331s
found 0 vulnerabilitiesOra, per verificare se Underscore.JS funziona bene con Node.js, crea il file tester.js e aggiungi il codice seguente:
var _ = require('underscore');
var numbers = [1, 2, 3, 4];
var listOfNumbers = '';
_.each(numbers, function(x) { listOfNumbers += x + ' ' });
console.log(listOfNumbers);Salva il programma sopra in formato tester.js. I seguenti comandi vengono utilizzati per compilare ed eseguire questo programma.
Comando
\>node tester.jsProduzione
1 2 3 4