Underscore.JS - Configuração do ambiente

Neste capítulo, você aprenderá em detalhes sobre como configurar o ambiente de trabalho do Underscore.JS em seu computador local. Antes de começar a trabalhar no Underscore.JS, você precisa ter acesso à biblioteca. Você pode acessar seus arquivos em qualquer um dos seguintes métodos -

Método 1: usando o arquivo Underscore.JS no navegador

Neste método, vamos precisar do arquivo Underscore.JS de seu site oficial e o usaremos diretamente no navegador.

Passo 1

Como primeiro passo, acesse o site oficial da Underscore.JS https://underscorejs.org/.

Observe que há uma opção de download disponível que fornece o último UMD (Produção) do arquivo underscore-min.js disponível. Clique com o botão direito no link e escolha salvar como. Observe que o arquivo está disponível com e sem minificação.

Passo 2

Agora, inclua underscore-min.js dentro de scripttag e comece a trabalhar com Underscore.JS. Para isso, você pode usar o código fornecido abaixo -

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

Aqui está um exemplo de trabalho e sua saída para uma melhor compreensão -

Exemplo

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

Resultado

Método 2: usando Node.js

Se você está optando por este método, certifique-se de ter Node.js e npminstalado em seu sistema. Você pode usar o seguinte comando para instalar o Underscore.JS -

npm install underscore

Você pode observar a seguinte saída quando o Underscore.JS for instalado com sucesso -

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

Agora, para testar se Underscore.JS funciona bem com Node.js, crie o arquivo tester.js e adicione o seguinte código a ele -

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

Salve o programa acima em tester.js. Os seguintes comandos são usados para compilar e executar este programa.

Comando

\>node tester.js

Resultado

1 2 3 4