安装 Node.js、npm 和 pnpm 以及环境配置

概述

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，它允许开发者在服务器端运行 JavaScript 代码。npm（Node Package Manager）是 Node.js 的默认包管理器，用于安装和管理依赖。pnpm 是一个性能优异的包管理器，旨在提供更快的安装速度和更小的磁盘占用。

安装 Node.js 和 npm

Windows

1. 访问 Node.js 官方网站下载页面：https://nodejs.org/，国内可访问 http://nodejs.cn/
2. 选择 Windows 平台的版本（LTS 或 Current），下载 MSI 安装程序。
3. 运行 MSI 安装程序并按照提示完成安装。

macOS

1. 同 Windows 步骤，访问 Node.js 官方网站并选择 macOS 平台的版本。
2. 下载 PKG 安装程序。
3. 运行 PKG 安装程序并按照提示完成安装。

Linux

1. 使用包管理器安装 Node.js 和 npm。例如，在 Ubuntu 上，可以使用以下命令：

sudo apt update
sudo apt install nodejs npm

安装 pnpm

Windows 和 macOS

1. 打开命令行或终端。
2. 使用 npm 安装 pnpm：

npm install -g pnpm

Linux

1. 确保 curl 已安装（如果未安装，可以使用包管理器安装）。
2. 使用 curl 下载并运行 pnpm 安装脚本：

curl -L https://get.pnpm.sh | sh

环境配置

Node.js 和 npm

安装完成后，可以通过命令行或终端检查 Node.js 和 npm 是否安装成功：

node -v
npm -v

这将分别显示 Node.js 和 npm 的版本。

pnpm

• 安装 pnpm 后，可以通过以下命令检查其版本：

pnpm -v

• 优化 Windows 环境配置（可选）

  因为后期使用pnpm命令全局安装时，会默认储存在安装目录下，如果你想自定义储存位置，可以参考下面的设置

  • 设置相关目录

      pnpm config set global-dir "D:\soft\nodejs\pnpm\pnpm-global" # pnpm全局安装路径
      pnpm config set global-bin-dir "D:\soft\nodejs\pnpm\pnpm-bin-dir" # pnpm全局bin路径
      pnpm config set store-dir "D:\soft\nodejs\pnpm\pnpm-store" # pnpm全局仓库路径(类似 .git 仓库)
      pnpm config set state-dir "D:\Software\soft\pnpm\pnpm-state" # pnpm创建pnpm-state.json文件的目录
      pnpm config set cache-dir "D:\Software\soft\pnpm\pnpm-cache" # pnpm全局缓存路径

  • 在系统的环境变量中添加 pnpm 全局bin路径

    

验证安装

为了验证 Node.js、npm 和 pnpm 是否安装成功，可以在命令行或终端中运行以下命令：

node -e "console.log('Hello from Node.js')"
npm list -g --depth=0
pnpm -v

如果一切正常，第一个命令将输出 “Hello from Node.js”，第二个命令将列出全局安装的 npm 包，第三个命令将显示 pnpm 的版本。

写在最后

通过以上步骤，你应该已经成功安装了 Node.js、npm 和 pnpm，并且能够开始使用它们来开发和维护你的项目了。如果遇到任何问题，请参考官方文档或社区支持获取帮助。

标签： node vue javascript npm pnpm