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 underscore

Po 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 vulnerabilities

Teraz, 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.js

Wynik

1 2 3 4