Underscore.JS - Configuración del entorno

En este capítulo, aprenderá en detalle cómo configurar el entorno de trabajo de Underscore.JS en su computadora local. Antes de comenzar a trabajar en Underscore.JS, debe tener acceso a la biblioteca. Puede acceder a sus archivos en cualquiera de los siguientes métodos:

Método 1: uso del archivo Underscore.JS en el navegador

En este método, necesitaremos el archivo Underscore.JS de su sitio web oficial y lo usaremos directamente en el navegador.

Paso 1

Como primer paso, vaya al sitio web oficial de Underscore.JS https://underscorejs.org/.

Observe que hay una opción de descarga disponible que le brinda el último archivo UMD (producción) de subrayado-min.js disponible. Haga clic derecho en el enlace y elija guardar como. Tenga en cuenta que el archivo está disponible con y sin minificación.

Paso 2

Ahora, incluye underscore-min.js dentro de scriptetiqueta y comience a trabajar con Underscore.JS. Para esto, puede usar el código que se proporciona a continuación:

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

A continuación se muestra un ejemplo práctico y su salida para una mejor comprensión:

Ejemplo

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

Salida

Método 2: usar Node.js

Si opta por este método, asegúrese de tener Node.js y npminstalado en su sistema. Puede usar el siguiente comando para instalar Underscore.JS -

npm install underscore

Puede observar el siguiente resultado una vez que Underscore.JS se haya instalado correctamente:

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

Ahora, para probar si Underscore.JS funciona bien con Node.js, cree el archivo tester.js y agréguele el siguiente código:

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

Guarde el programa anterior en tester.js. Los siguientes comandos se utilizan para compilar y ejecutar este programa.

Mando

\>node tester.js

Salida

1 2 3 4

↰ Previous page Next page ↱