mise 和 asdf 用于 JavaScript 项目环境管理

# Web 开发# JavaScript

mise 和 asdf 是旨在帮助开发人员管理多种版本的编程语言和环境的工具。这两种工具都旨在简化多语言开发，使管理和切换工具版本变得更加容易，这是使用不同编程语言和框架时面临的一个常见挑战。

首页 > 文件 > asdf > 什么是 asdf？

asdf 是一款流行的版本管理器，它使用一种称为“垫片”的技术在 Python、Node.js 和 Ruby 等不同版本的工具之间切换。它会创建指向特定版本的临时路径，修改环境以确保在不同项目中使用正确版本的工具。但是，由于这些垫片的工作方式，这种方法可能会带来性能开销。

mise 是什么？

mise 是法语表达“mise-en-place”的缩写，指的是如何准备餐桌，它试图通过消除对垫片的依赖来改进 asdf。

mise 用 Rust 编写，直接修改 `PATH` 环境变量，从而缩短执行时间。它旨在与 asdf 插件无缝协作，但提供命令模糊匹配和同时安装同一工具的多个版本等功能。

开始使用 asdf

要安装 asdf，请按照入门指南根据您的系统安装先决条件。环境准备就绪后，您可以在主目录中“git clone”官方存储库：

$ git clone https://github.com/asdf-vm/asdf.git ~/.asdf --branch v0.14.1

上述命令将把完成安装所需的所有脚本和配置文件克隆到“.asdf”目录中。

根据上面的安装指南，下一步是执行安装脚本。同样，此步骤将取决于您的环境和操作系统的详细信息，因此只需按照指南在 shell 初始化脚本中添加正确的脚本调用（例如 `.bashrc`、`.bash_profile` 等）。在此过程结束时，通常在重新启动 shell 后，您应该能够以命令形式运行 asdf：

ASDF Plugin List

此时，“asdf”正在运行，但为了使其发挥作用，您必须安装插件来处理与您打算开发的项目相关的工具（以 asdf 的说法）（例如，Node.js、python 等）。

为此，我们安装了 Node.js 插件。在 asdf 中，插件是一段代码，可让您同时处理框架或库的不同版本。在本例中，我们将安装 Node.js 插件，然后安装几个版本的 Node.js，以了解 asdf 如何处理它们。

我们将使用以下代码安装 Node.js 插件：

$ asdf plugin add nodejs https://github.com/asdf-vm/asdf-nodejs.git

请注意，您必须明确指定包含插件源代码的 `git` 存储库。插件安装到位后，您可以使用以下命令使用它来安装特定版本的 Node.js：

$ asdf install nodejs latest

在此示例中，您将安装最新版本（在撰写本文时为 23.1.0）。使用以下命令，您可以安装特定版本的 Node.js：

$ asdf install nodejs 20.0.0

要检查系统中是否两者都可用，请使用以下命令：

$ asdf shim-versions node
 nodejs 20.0.0
 nodejs 23.1.0

要选择要使用的 Node.js 版本，请使用以下命令：

$ asdf global nodejs 20.0.0
 $ node --version
 v20.0.0
 $ asdf global nodejs 23.1.0
 $ node --version
 v23.1.0

asdf 通过填充名为 `[.tool-versions](https://asdf-vm.com/manage/configuration.html#tool-versions)` 的文件来处理工具的各种版本，其格式如下：

ruby 2.5.3
nodejs 10.15.0

asdf 使用命令自动操作文件 `.tool-versions`，以指定您打算使用的给定版本的版本，就像我们上面对 Node.js 版本 `20.0.0` 所做的那样。根据参数 `global`、`shell` 和 `local`，我们将工具的版本添加到特定的 `.tool-versions` 文件中，这会对您的环境产生不同的影响。下面，如果我们安装 Node.js 版本 `20.0.0`，则会解释参数的影响：

  • asdf global nodejs 20.0.0：在这种情况下，我们打算在整个系统中使用此特定版本，只要没有不同指定
  • asdf shell nodejs 20.0.0：在这种情况下，我们只想在当前 shell 会话中使用此版本的 Node.js
  • asdf local nodejs 20.0.0：此命令将创建一个 .tool-versions，它指定仅对执行命令的目录有效的 Node.js 版本。这意味着我们可以在项目的不同子目录中拥有同一工具的不同版本。这是一个非常巧妙的功能，适用于复杂的项目。在下图中，您可以看到这对您的环境有何影响：
    • ~$ asdf local nodejs 20.0.0
 ~$ node --version
 v20.0.0
 ~$ mkdir test
 ~$ cd test
 ~$ asdf local nodejs 23.1.0
 ~$ node --version
 v23.1.0
 ~/test$ cd ..
 ~$ node --version
 v20.0.0

    使用第一个命令，我们告诉 asdf 在主目录中使用版本“20.0.0”，并使用“node --version”确认版本。然后，我们创建一个名为“test”的目录。在“test”中，我们执行 asdf，为 Node 指定不同的版本（版本“23.1.0”），再次使用“node --version”确认我们正在使用版本“23.1.0”。最后，回到主目录，您可以看到本地 Node.js 的版本仍然是“20.0.0”。

    什么是垫片？

    现在我们的系统上已经运行了 asdf，让我们了解一下什么是 shim，以及为什么它在使用 asdf 时很重要。

    在计算机科学中，垫片是一种在不同版本之间透明地重定向命令（例如，库方法调用）的方法。这里的关键是“透明”这个词。asdf 的整个想法是允许用户以透明的方式更改实际调用的内容，例如，当您编写“node”或“python”或任何其他包时。用户继续输入“node”或“python”，但 asdf 已根据“.tool-versions”文件中的内容设置了一条不同的路径（垫片）到正确的版本。

    插件只是一组巧妙的 shell 脚本，让 asdf 选择特定命令的正确版本（例如，检查 Node.js 插件）。bin 目录中的命令只是实现当您使用 Node.js 插件安装新版本、选择要使用的特定版本等时 asdf 必须执行的操作。

    开始使用 mise

    与 asdf 相比，安装 mise 的过程更简单，因为您不需要克隆 git 存储库：

    $ curl https://mise.run | sh

    激活指南非常简单；执行上述命令并重新启动 shell 后，您将能够运行以下命令：

    $ mise doctor

    这将显示您的安装状态。安装 mise 后，您可能需要使用 `[mise activate](https://mise.jdx.dev/cli/activate.html)` 命令将其激活。

    此时，`mise` 命令可用于最常见的任务：安装框架的特定版本，以使其在系统中全局可用：

    $ node
 Command 'node' not found, but can be installed with:
 sudo apt install nodejs
 $ mise use --global node@22
 mise ~/.config/mise/config.toml tools: node@22.11.0
 $ node
 Welcome to Node.js v22.11.0.
 Type ".help" for more information.
 >

    我们从系统中没有 `node` 可执行文件的情况开始。使用 `mise` 命令，我们全局安装特定的 `node` 版本以使其可用。要验证当前安装的工具的版本，可以使用以下命令：

    $ mise list
 Tool    Version  Config Source              Requested
 node    22.11.0  ~/.config/mise/config.toml 22
 python  3.13.0
 $

    在上面的命令中，你可以看到上面框中安装的node工具，以及一个Python版本。

    比较 asdf 与 mise

    mise 框架使用相同的 asdf 机制来处理整个系统和特定目录中工具的不同配置。asdf 中的 `.tool-versions` 文件的作用由 `mise.toml` 文件扮演，该文件将收集配置。

    在 mise 中，没有类似于 asdf 插件的概念，这是一件好事，因为在 asdf 中，安装工具的特定版本（比如 `node@20.0.0`）是一个两步过程（首先安装 Node.js 插件，然后安装特定版本的 Node）。在 mise 中，您只需处理所需的工具的单个版本，mise 将在后台为您处理配置它的所有繁重工作。在以下两个框中，您可以看到 asdf 命令如何转换为 mise：

    asdf plugin add node
 asdf install node latest:20
 asdf local node latest:20

    在 mise 中，所有这些都可以通过一个步骤完成，即安装插件和运行时，并设置版本：

    mise use node@20

    mise 的语法糖优雅地解决了 asdf 的一般冗长问题。不过，mise 在处理各种版本的方式上有所不同，这对整个体验有更广泛的影响。在下图中，我们描述了在 asdf 工作的环境中执行节点命令时发生的情况：

    Execute Node Command Environment Where ASDF Is Working

    当然，这个过程会影响执行命令所需的时间。另一方面，mise 通过利用另一种机制解决了根据配置选择正确工具的相同问题：`PATH` 变量，这是操作系统执行命令的本机机制。

    性能与不使用 mise 运行命令（例如 `node`）相同。出于好奇，mise 与 asdf 的工作方式不同：mise 会跟踪目录的每次更改，以便当用户更改目录时，mise 会调用内部钩子来更新 `PATH` 变量。这个钩子非常高效，因为它是用 Rust 编写的，它会动态设置 `PATH` 变量来配置您的环境。

    结论

    asdf 和 mise 都能有效地管理多个工具版本，每个版本都有独特的机制。mise 由于其 `PATH` 钩子机制而效率卓越，而 asdf 提供了更广泛的工具兼容性，但其垫片机制的性能却有所妥协。mise 与 asdf 插件的兼容性弥补了工具之间的差距。

    无论是优先考虑速度还是选择，这两种工具都使开发人员能够轻松管理他们的环境，为各种软件包和工具提供蓬勃发展的生态系统。

    几分钟内即可设置 LogRocket 的现代错误跟踪：

  • 访问 https://logrocket.com/signup/ 获取应用程序 ID。
  • 通过 NPM 或脚本标签安装 LogRocket。LogRocket.init() 必须在客户端调用，而不是服务器端。

    • 新版本：

    $ npm i --save logrocket 

// Code:

import LogRocket from 'logrocket'; 
LogRocket.init('app/id');

    脚本标记：

    Add to your HTML:

    3.（可选）安装插件以便与您的堆栈进行更深入的集成：

  • Redux 中间件
  • ngrx 中间件
  • Vuex 插件

    • 现在就开始。