Underscore.JS - Ortam Kurulumu

Bu bölümde, yerel bilgisayarınızda Underscore.JS'nin çalışma ortamını kurmayı ayrıntılı olarak öğreneceksiniz. Underscore.JS üzerinde çalışmaya başlamadan önce, kitaplığa erişiminizin olması gerekir. Dosyalarına aşağıdaki yöntemlerden herhangi biriyle erişebilirsiniz -

Yöntem 1: Tarayıcıda Underscore.JS Dosyasını Kullanma

Bu yöntemde, resmi web sitesinden Underscore.JS dosyasına ihtiyacımız olacak ve onu doğrudan tarayıcıda kullanacağız.

Aşama 1

İlk adım olarak Underscore.JS'nin resmi web sitesine gidin. https://underscorejs.org/.

Size mevcut en yeni alt çizgi-min.js dosyasını UMD (Üretim) sunan bir indirme seçeneğinin mevcut olduğunu gözlemleyin . Bağlantıya sağ tıklayın ve farklı kaydet'i seçin. Dosyanın küçültülmüş ve küçültülmemiş olarak mevcut olduğunu unutmayın.

Adım 2

Şimdi dahil et underscore-min.js içinde scriptetiketleyin ve Underscore.JS ile çalışmaya başlayın. Bunun için aşağıda verilen kodu kullanabilirsiniz -

<script type = "text/JavaScript" src = "https://underscorejs.org/underscore-min.js"></script>

Burada verilen bir çalışma örneği ve daha iyi bir anlayış için çıktısı -

Misal

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

Çıktı

Yöntem 2: Node.js'yi kullanma

Bu yöntemi tercih ediyorsanız, sahip olduğunuzdan emin olun. Node.js ve npmsisteminize kurulur. Underscore.JS'yi yüklemek için aşağıdaki komutu kullanabilirsiniz -

npm install underscore

Underscore.JS başarıyla yüklendikten sonra aşağıdaki çıktıyı gözlemleyebilirsiniz -

+ [email protected]
added 1 package from 1 contributor and audited 1 package in 6.331s
found 0 vulnerabilities

Şimdi, Underscore.JS'nin Node.js ile düzgün çalışıp çalışmadığını test etmek için tester.js dosyasını oluşturun ve aşağıdaki kodu ekleyin -

var _ = require('underscore');
var numbers = [1, 2, 3, 4];
var listOfNumbers = '';
_.each(numbers, function(x) { listOfNumbers += x + ' ' });
console.log(listOfNumbers);

Yukarıdaki programı şuraya kaydedin: tester.js. Bu programı derlemek ve çalıştırmak için aşağıdaki komutlar kullanılır.

Komut

\>node tester.js

Çıktı

1 2 3 4