如何在 Deno 中使用 npm 模块

在过去的几年中，前端领域出现了很多有趣的技术。Den是一种新兴的 JavaScript 和 TypeScript 运行时，它提供了许多有吸引力的特性。但是，Deno 在处理包管理方面与 npm 不同，对于我们习惯使用 npm 的前端开发人员来说可能会遇到一些问题。本文旨在帮助您更深入地了解如何在 Deno 中使用 npm 模块。

安装 Deno

首先，我们需要安装 Deno。Deno 可以从官方网站中下载，并支持多种操作系统。可以通过以下方式在 macOS 或 Linux 上安装 Deno：

curl -fsSL https://deno.land/x/install/install.sh | sh

或者，可以使用 Homebrew 安装：

brew install deno

完成安装后，您可以使用以下命令验证是否安装成功：

deno --version

如果您看到 Deno 的版本号，那么您已经成功安装了 Deno！现在，让我们开始了解如何在 Deno 中使用 npm 模块。

Deno 如何处理依赖关系？

Deno 通过 URL 导入文件，而不是使用 npm 依赖解析器。这种导入方式类似于从 CDN 导入库。例如，您可以使用以下方式从 URL 导入 lodash：

import _ from 'https://cdn.skypack.dev/lodash-es';

在导入的 URL 中，您可以看到 https 协议、cdn.skypack.dev 域名和 lodash-es 包名称。每个 URL 最终都由 Deno 缓存，以便于后续的导入。如果您导入的模块没有在缓存中找到，Deno 将下载该模块并缓存它。这个过程看似像 npm 下载依赖项的过程，但是 Deno 避免了很多维护依赖关系的问题。

如何导入 npm 模块？

现在假设您已经有了一个需要使用的 npm 模块，例如 axios。使用 Deno 导入 npm 模块很简单，只需要用类似下面的方式：

import axios from 'https://cdn.skypack.dev/axios';

类似于在浏览器中使用 JavaScript 库，您可以在 Deno 中使用该模块，并且您不需要安装任何依赖项。

一个示例

现在让我们使用 Deno 和导入的 npm 模块 axios 来创建一个简单的应用程序。假设我们需要使用 axios 发送 HTTP 请求，然后在控制台中打印响应。下面是一个示例：

import axios from 'https://cdn.skypack.dev/axios';

async function getBitcoinPrice(): Promise<void> {
  const response = await axios.get('https://api.coindesk.com/v1/bpi/currentprice.json');
  console.log(`Bitcoin price is ${response.data.bpi.USD.rate_float} USD`);
}

await getBitcoinPrice();

在这个例子中，我们使用 axios 来发送 HTTP GET 请求，并且获取 https://api.coindesk.com/v1/bpi/currentprice.json 内容，然后我们从响应中获取了 USD 汇率，并将其打印在控制台中。

总结

在本文中，我们介绍了如何在 Deno 中使用 npm 模块。我们了解了 Deno 的导入方式，以及如何导入 npm 模块。最后，我们还演示了如何使用 Deno 和 axios 来创建一个简单的应用程序。在使用 Deno 的过程中，您不必担心处理 npm 依赖项的问题，这使得您能够更加专注于代码实现本身。希望这个文章对您有所帮助，谢谢阅读！

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/644f6959980a9b385b8eb58c