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 前端开发
decimal.js库的安装和使用方法
【10月更文挑战第24天】decimal.js 是一个非常实用的高精度计算库,通过合理的安装和使用,可以在 JavaScript 中实现精确的数值计算和处理。你可以根据具体的需求和项目情况,灵活运用该库来解决数字精度丢失的问题。
|
2月前
|
JavaScript
NodeJs的安装
文章介绍了Node.js的安装步骤和如何创建第一个Node.js应用。包括从官网下载安装包、安装过程、验证安装是否成功,以及使用Node.js监听端口构建简单服务器的示例代码。
NodeJs的安装
|
1月前
|
JavaScript 开发工具 git
已安装nodejs但是安装hexo报错
已安装nodejs但是安装hexo报错
26 2
|
2月前
|
存储 JavaScript 前端开发
Node 版本控制工具 NVM 的安装和使用(Windows)
本文介绍了NVM(Node Version Manager)的Windows版本——NVM for Windows的安装和使用方法,包括如何安装Node.js的特定版本、列出已安装版本、切换使用不同版本的Node.js,以及其他常用命令,以实现在Windows系统上对Node.js版本的便捷管理。
Node 版本控制工具 NVM 的安装和使用(Windows)
|
2月前
|
JavaScript
Nodejs的cnpm包管理器快速入门
介绍Node.js的cnpm包管理器,包括cnpm的实现原理、如何安装cnpm、使用cnpm安装软件包,以及Node.js搜索包的流程。
100 2
Nodejs的cnpm包管理器快速入门
|
1月前
|
Web App开发 JavaScript 前端开发
JavaWeb 22.Node.js_简介和安装
JavaWeb 22.Node.js_简介和安装
|
2月前
|
SQL JavaScript 数据库
sqlite在Windows环境下安装、使用、node.js连接
sqlite在Windows环境下安装、使用、node.js连接
|
2月前
|
JavaScript Linux 开发者
一个用于管理多个 Node.js 版本的安装和切换开源工具
【9月更文挑战第14天】nvm(Node Version Manager)是一个开源工具,用于便捷地管理多个 Node.js 版本。其特点包括:版本安装便捷,支持 LTS 和最新版本;版本切换简单,不影响开发流程;多平台支持,包括 Windows、macOS 和 Linux;社区活跃,持续更新。通过 nvm,开发者可以轻松安装、切换和管理不同项目的 Node.js 版本,提高开发效率。
|
1月前
|
JavaScript 算法 内存技术
如何降低node.js版本(nvm下载安装与使用)
如何降低node.js版本(nvm下载安装与使用)
|
2月前
|
JavaScript 前端开发 Linux