2022年最新最详细的安装Node.js以及cnpm(详细图解过程、绝对成功)

简介: 这篇文章提供了2022年最新最详细的Node.js和cnpm安装教程,包括步骤图解、全局配置路径、cnpm安装命令、nrm的安装与使用,以及如何管理npm源和测试速度。

前言:建议全部按照步骤一步一步安装。以下步骤是我新电脑搭建node环境一步一步安装到截图。自己可以更改安装的位置、但是建议和本博客的位置统一。

文章目录

  • 1、Node.js安装说明
  • 2、 全局配置(cnpm)
    • 2.1. 配置 npm 在安装全局模块时的路径和缓存 cache 的路径
    • 2.2. 安装 cnpm
  • 3 安装 nrm
    • 3.1. 什么是 nrm
    • 3.2. 安装 nrm
    • 3.3. 使用 nrm
    • 3.4. 切换
    • 3.5. 增加
    • 3.6. 删除
    • 3.7. 测试速度

1、Node.js安装说明

为了安全起见,安装包在我的个人公众号:热爱技术的小郑,文章底部也有二维码链接;公众号中搜索关键词:Node安装包 即可获取到完整的安装包文件。

双击安装包打开安装向导,根据向导指引进行安装即可(示例安装路径为“D:\work\nodejs”)

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
安装完成,测试安装是否成功,打开命令行窗口(按 Win+R 键,输入 CMD),分别输入 node -vnpm -v 分别查看 node 和 npm 的版本号,如下图所示

在这里插入图片描述
安装完成后系统目录如图所示(其中,npm 随安装程序自动安装,作用就是对 Node.js
依赖的包进行管理):

在这里插入图片描述

2、 全局配置(cnpm)

2.1. 配置 npm 在安装全局模块时的路径和缓存 cache 的路径

因为在执行例如 npm install webpack -g 等命令全局安装的时候,默认会将模块安装在 C:\Users\用户名\AppData\Roaming 路径下的 npmnpm_cache 中,不方便管理且占用 C盘空间,所以这里配置自定义的全局模块安装目录,在 node.js 安装目录下新建两个文件夹node_globalnode_cache,如图所示:

在这里插入图片描述
然后在 cmd 命令下执行如下两个命令:

npm config set prefix "D:\work\nodejs\node_global"
npm config set cache "D:\work\nodejs\node_cache"

在这里插入图片描述

在系统环境变量添加 NODE_PATH,输入路径为:D:\work\nodejs\node_global
操作如下:我的电脑右击,打开属性->高级系统设置->环境变量->新建(系统变量下)
->输入变量名 NODE_PATH->变量值:输入上面路径,确定即可

在这里插入图片描述

2.2. 安装 cnpm

安装 cnpm,输入以下命令

npm install -g cnpm --registry=https://registry.npm.taobao.org

在这里插入图片描述
提示:如果这一步报错。使用管理员权限命令窗口
在这里插入图片描述
添加系统变量 path 的内容,因为 cnpm 会被安装到 D:\work\nodejs\node_global下,而系统变量 path 并未包含该路径。在系统变量 path 下添加该路径即可正常使用 cnpm。如图,修改系统变量 path
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
友情提示: 如果你输入cnpm -v 后发现既没有报错也没有输出版本信息。这个时候你可以重新开一个命令窗口。如果还是不行。建议你直接在命令行中再次执行
我的就是这种情况。(这个问题我找了有半个小时、就离谱)

npm install -g cnpm --registry=https://registry.npm.taobao.org

3 安装 nrm

3.1. 什么是 nrm

nrm 是一个 npm 源管理器,允许你快速地在 npm 源间切换。

3.2. 安装 nrm

在命令行执行命令,npm install -g nrm,全局安装 nrm。

在这里插入图片描述

3.3. 使用 nrm

执行命令 nrm ls 查看可选的源。
在这里插入图片描述

3.4. 切换

如果要切换到 taobao 源,执行命令 nrm use taobao
在这里插入图片描述

3.5. 增加

可以增加定制的源,特别适用于添加企业内部的私有源,执行命令nrm add <registry><url>,其中 reigstry 为源名,url 为源的路径。

在这里插入图片描述

3.6. 删除

执行命令 nrm del 删除对应的源。

3.7. 测试速度

通过 nrm test 测试相应源的响应时间

相关文章
|
17天前
|
JavaScript
Nodejs的cnpm包管理器快速入门
介绍Node.js的cnpm包管理器,包括cnpm的实现原理、如何安装cnpm、使用cnpm安装软件包,以及Node.js搜索包的流程。
19 2
Nodejs的cnpm包管理器快速入门
|
8天前
|
SQL JavaScript 数据库
sqlite在Windows环境下安装、使用、node.js连接
sqlite在Windows环境下安装、使用、node.js连接
|
4天前
|
JavaScript Linux 开发者
一个用于管理多个 Node.js 版本的安装和切换开源工具
【9月更文挑战第14天】nvm(Node Version Manager)是一个开源工具,用于便捷地管理多个 Node.js 版本。其特点包括:版本安装便捷,支持 LTS 和最新版本;版本切换简单,不影响开发流程;多平台支持,包括 Windows、macOS 和 Linux;社区活跃,持续更新。通过 nvm,开发者可以轻松安装、切换和管理不同项目的 Node.js 版本,提高开发效率。
|
23天前
|
JavaScript NoSQL 前端开发
|
1月前
|
JavaScript Linux
2022年超详细在CentOS 7上安装Node.js方法(源码安装)
这篇文章介绍了在CentOS 7系统上通过源码安装Node.js的详细步骤,包括从官网下载Node.js源码包、将安装包上传至虚拟机、解压安装包、删除压缩文件、编译安装Node.js、检查Node.js和npm版本,以及切换npm源到淘宝镜像以加速下载。此外,还提供了一个获取Linux下Node.js离线安装包的微信公众号搜索方式。
|
1月前
|
存储 JavaScript 前端开发
2022年前端js面试题
2022年前端js面试题
21 0
|
1月前
|
JavaScript
成功解决node、node-sass和sass-loader版本冲突问题、不需要降低node版本。如何在vue项目中安装node-sass,以及安装node-sass可能遇到的版本冲突问题
这篇文章介绍了在Vue项目中安装node-sass和sass-loader时遇到的版本冲突问题,并提供了解决这些问题的方法,包括在不降低node版本的情况下成功安装node-sass。
成功解决node、node-sass和sass-loader版本冲突问题、不需要降低node版本。如何在vue项目中安装node-sass,以及安装node-sass可能遇到的版本冲突问题
|
29天前
|
JavaScript 前端开发 Shell
mac和windows上安装nvm管理node版本
NVM(Node Version Manager)是前端开发者常用的命令行工具,用于管理计算机上的不同Node.js版本。通过NVM,开发者可以轻松地在多个项目间切换所需的Node.js版本。在Mac上,可以通过cURL或Wget下载安装脚本,或使用包管理工具brew安装。安装后需配置环境变量以识别NVM命令。Windows用户则可通过专用的nvm-windows安装程序完成安装。常用命令包括安装、卸载特定版本、列出已安装版本等。
85 0
|
1月前
Mac 安装 Node Error: Could not symlink include/node/common.gypi
Mac 安装 Node Error: Could not symlink include/node/common.gypi
20 3
|
1月前
|
JavaScript
Node.js的安装
这篇文章提供了Node.js的安装指南,包括从官网下载、安装步骤、验证安装是否成功,以及如何安装淘宝镜像加速器cnpm或使用淘宝npm镜像来加速npm包的安装过程。
Node.js的安装