Underscore.JS - Konfiguracja środowiska
W tym rozdziale dowiesz się szczegółowo o konfiguracji środowiska pracy Underscore.JS na komputerze lokalnym. Zanim zaczniesz pracować nad Underscore.JS, musisz mieć dostęp do biblioteki. Możesz uzyskać dostęp do jego plików za pomocą dowolnej z następujących metod -
Metoda 1: użycie pliku Underscore.JS w przeglądarce
W tej metodzie będziemy potrzebować pliku Underscore.JS z jego oficjalnej strony internetowej i będziemy go używać bezpośrednio w przeglądarce.
Krok 1
Najpierw przejdź do oficjalnej strony Underscore.JS https://underscorejs.org/.
Zwróć uwagę, że dostępna jest opcja pobierania, która udostępnia najnowszy dostępny plik z podkreśleniem-min.js UMD (produkcja) . Kliknij łącze prawym przyciskiem myszy i wybierz opcję Zapisz jako. Zwróć uwagę, że plik jest dostępny z minifikacją i bez.
Krok 2
Teraz uwzględnij underscore-min.js w środku scripttag i rozpocznij pracę z Underscore.JS. W tym celu możesz użyć kodu podanego poniżej -
<script type = "text/JavaScript" src = "https://underscorejs.org/underscore-min.js"></script>Podano tutaj działający przykład i jego wyniki dla lepszego zrozumienia -
Przykład
<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>Wynik
Metoda 2: Korzystanie z Node.js.
Jeśli decydujesz się na tę metodę, upewnij się, że masz Node.js i npmzainstalowany w twoim systemie. Możesz użyć następującego polecenia, aby zainstalować Underscore.JS -
npm install underscorePo pomyślnym zainstalowaniu Underscore.JS można zobaczyć następujące dane wyjściowe -
+ [email protected]
added 1 package from 1 contributor and audited 1 package in 6.331s
found 0 vulnerabilitiesTeraz, aby sprawdzić, czy Underscore.JS działa dobrze z Node.js, utwórz plik tester.js i dodaj do niego następujący kod -
var _ = require('underscore');
var numbers = [1, 2, 3, 4];
var listOfNumbers = '';
_.each(numbers, function(x) { listOfNumbers += x + ' ' });
console.log(listOfNumbers);Zapisz powyższy program w formacie tester.js. Poniższe polecenia służą do kompilowania i wykonywania tego programu.
Komenda
\>node tester.jsWynik
1 2 3 4