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