教程 > Underscore.Js 中文教程 > Underscore 基础概述 阅读：254

Underscore.js 环境设置安装

在本章中，我们将详细了解如何在本地计算机上设置 Underscore.js 的工作环境。 在开始使用 Underscore.js 之前，需要有权访问该库。 可以通过以下任何一种方法访问其文件

方式一、在浏览器中使用 Underscore.js 文件

在这种方法中，我们需要从其官网下载 Underscore.js 文件，并直接在浏览器中使用。

第一步 ，访问 Underscore.JS 的官方网站 https://underscorejs.org/ 。

请注意，有一个可用的下载选项，可为我们提供最新的 underscore-min.js 文件 UMD（生产）。 右键单击链接并选择另存为。

注意 ，该文件在压缩和不压缩的情况下都可用。

第二步 ，在 script 标签中包含 underscore-min.js 并开始使用 Underscore.js。 为此，我们可以使用下面给出的代码

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

这里给出了一个工作示例及其输出以便更好地理解

<html>
   <head>
      <title>Underscore.js 第一个示例 - 迹忆客(jiyik.com)</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>

尝试一下

上面示例运行结果如下

Underscore.js 环境设置安装示例

使用 Node.js

如果选择此方法，请确保系统上安装了 Node.js 和 npm。 我们可以使用以下命令安装 Underscore.JS

$ npm install underscore

看到如下输出信息表示成功安装 Underscore.js

Underscore.js 环境设置 node安装

现在，我们使用下面的代码测试 Underscore.js 是否可以与 Node.js 一起正常工作

underscore.js

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

编写完成保存推出，以下命令用于编译和执行该程序。

$ node underscore.js

运行结果如下

underscorejs-环境安装-node运行结果

查看笔记

扫码一下
查看教程更方便