安装完nvm后 yarn 失效

原创

mob649e815d65e6 2024-10-19 04:31:05 ©著作权

©著作权归作者所有：来自51CTO博客作者mob649e815d65e6的原创作品，请联系作者获取转载授权，否则将追究法律责任

如何解决安装NVM后Yarn失效的问题

在当前的JavaScript生态系统中，Node.js和yarn是两款非常重要的工具。在开发过程中，很多新入行的小白都可能会遇到“安装完NVM后Yarn失效”的问题。为了帮助你理解并解决这个问题，我们将逐步分析整个过程。

整体流程

以下是解决“NVM后Yarn失效”问题的流程图：

步骤	说明
1	安装NVM
2	使用NVM安装Node.js
3	安装Yarn
4	配置环境变量
5	验证安装
6	解决Yarn失效问题

接下来，让我们逐步解析这一系列步骤。

步骤解析

步骤1: 安装NVM

NVM（Node Version Manager）是一个Node.js版本管理工具。首先，我们需要在终端中克隆NVM的GitHub仓库并运行安装脚本。

# 克隆NVM的GitHub仓库
git clone  ~/.nvm

# 进入NVM目录
cd ~/.nvm

# 切换到最新版本
git checkout `git describe --abbrev=0 --tags`

# 在~/.bashrc或~/.zshrc文件中添加NVM的初始化脚本
echo "export NVM_DIR="$HOME/.nvm"" >> ~/.bashrc
echo "[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"" >> ~/.bashrc

**解释：**上面的命令首先克隆了NVM的代码库并将其安装在用户主目录下的.nvm文件夹中。接着，修改了环境配置文件，以便下次打开终端时自动加载NVM。

步骤2: 使用NVM安装Node.js

在安装完NVM后，我们可以使用它来安装Node.js。通常我们会选择一个长期支持版本（LTS）。

# 列出可用的Node.js版本
nvm ls-remote 

# 安装LTS版本
nvm install --lts

解释：nvm ls-remote将列出所有可安装的Node.js版本。我们使用nvm install --lts命令来安装最新的LTS版本。

步骤3: 安装Yarn

接下来，我们来安装Yarn。Yarn可以通过npm（Node.js的包管理工具）来安装。

# 使用npm安装Yarn
npm install --global yarn

**解释：**通过上述命令，我们在全局范围内安装Yarn。安装完成后，我们应该能在终端中使用Yarn。

步骤4: 配置环境变量

如果在执行yarn命令时，系统提示“命令未找到”，很有可能是因为环境变量没有正确配置。我们需要检查NPM的全局模块路径。

# 查看npm全局模块路径
npm config get prefix

**解释：**该命令将返回npm全局模块的安装路径。确保该路径已经加到环境变量中。

在~/.bashrc或~/.zshrc中添加以下内容：

# 添加npm全局模块路径
export PATH="$PATH:$(npm config get prefix)/bin"

**解释：**添加npm全局模块路径的目的是确保终端可以找到Yarn。

步骤5: 验证安装

安装完成后，运行以下命令检查Yarn是否成功安装。

# 查看Yarn版本
yarn --version

**解释：**如果命令返回Yarn的版本号，说明Yarn安装成功。如果出现错误，则可能需要重新检查之前的步骤。

步骤6: 解决Yarn失效问题

如果在运行yarn命令时仍然遇到问题，可以尝试重新加载终端配置。

# 重新加载bash或zsh配置
source ~/.bashrc
# 或者
source ~/.zshrc

**解释：**运行source命令后，当前终端会重新加载配置文件，确保所有的环境变量都能生效。

状态图

在整个过程中可能会遇到不同的状态，以下是状态图示例：

stateDiagram
    [*] --> 安装NVM
    安装NVM --> 安装Node.js
    安装Node.js --> 安装Yarn
    安装Yarn --> 验证安装
    验证安装 --> 解决Yarn失效问题
    解决Yarn失效问题 --> [*]

甘特图

下面的甘特图显示了整个过程的每个步骤和时间安排：

gantt
    title NVM和Yarn安装过程
    dateFormat  YYYY-MM-DD
    section 安装NVM
    克隆NVM年份  :a1, 2023-09-01, 1d
    配置环境变量  :after a1  , 1d
    section 安装Node.js
    安装LTS版本   :a3, 2023-09-02, 1d
    section 安装Yarn
    使用npm安装   :a4, 2023-09-03, 1d
    section 验证与解决问题
    验证安装     :a5, 2023-09-04, 1d
    解决Yarn失效问题 :a6, after a5, 1d