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 测试相应源的响应时间

相关文章
|
1月前
|
弹性计算 JavaScript 前端开发
一键安装!阿里云新功能部署Nodejs环境到ECS竟然如此简单!
Node.js 是一种高效的 JavaScript 运行环境,基于 Chrome V8 引擎,支持在服务器端运行 JavaScript 代码。本文介绍如何在阿里云上一键部署 Node.js 环境,无需繁琐配置,轻松上手。前提条件包括 ECS 实例运行中且操作系统为 CentOS、Ubuntu 等。功能特点为一键安装和稳定性好,支持常用 LTS 版本。安装步骤简单:登录阿里云控制台,选择扩展程序管理页面,安装 Node.js 扩展,选择实例和版本,等待创建完成并验证安装成功。通过阿里云的公共扩展,初学者和经验丰富的开发者都能快速进入开发状态,开启高效开发之旅。
|
11天前
|
JavaScript 前端开发 数据可视化
【01】Cocos游戏开发引擎从0开发一款游戏-cocos环境搭建以及配置-Cocos Creator软件系统下载安装-node环境-优雅草卓伊凡
【01】Cocos游戏开发引擎从0开发一款游戏-cocos环境搭建以及配置-Cocos Creator软件系统下载安装-node环境-优雅草卓伊凡
25 2
【01】Cocos游戏开发引擎从0开发一款游戏-cocos环境搭建以及配置-Cocos Creator软件系统下载安装-node环境-优雅草卓伊凡
|
1月前
|
弹性计算 JavaScript 前端开发
一键安装!阿里云新功能部署Nodejs环境到ECS竟然如此简单!
一键安装!阿里云新功能部署Nodejs环境到ECS竟然如此简单!
一键安装!阿里云新功能部署Nodejs环境到ECS竟然如此简单!
|
2月前
|
JavaScript
nodejs安装之npm ERR! code CERT_HAS_EXPIREDnpm ERR! errno CERT_HAS_EXPIRED reason: certificate has expired-证书错误通用问题解决方案-优雅草央千澈
nodejs安装之npm ERR! code CERT_HAS_EXPIREDnpm ERR! errno CERT_HAS_EXPIRED reason: certificate has expired-证书错误通用问题解决方案-优雅草央千澈
347 26
|
4月前
|
Web App开发 JavaScript 前端开发
2024年5月node.js安装(winmac系统)保姆级教程
本篇博客为2024年5月版Node.js安装教程,适用于Windows和Mac系统。作者是一名熟悉JavaScript与Vue的大一学生,分享了Node.js的基本介绍、下载链接及简单安装步骤。安装完成后,通过终端命令`node -v`验证版本即可确认安装成功。欢迎关注作者,获取更多技术文章。
63 2
2024年5月node.js安装(winmac系统)保姆级教程
|
4月前
|
存储 JavaScript 搜索推荐
Node框架的安装和配置方法
安装 Node 框架是进行 Node 开发的第一步,通过正确的安装和配置,可以为后续的开发工作提供良好的基础。在安装过程中,需要仔细阅读相关文档和提示,遇到问题及时解决,以确保安装顺利完成。
223 2
|
4月前
|
存储 JavaScript 前端开发
decimal.js库的安装和使用方法
【10月更文挑战第24天】decimal.js 是一个非常实用的高精度计算库,通过合理的安装和使用,可以在 JavaScript 中实现精确的数值计算和处理。你可以根据具体的需求和项目情况,灵活运用该库来解决数字精度丢失的问题。
|
6月前
|
JavaScript
NodeJs的安装
文章介绍了Node.js的安装步骤和如何创建第一个Node.js应用。包括从官网下载安装包、安装过程、验证安装是否成功,以及使用Node.js监听端口构建简单服务器的示例代码。
NodeJs的安装
|
5月前
|
JavaScript 开发工具 git
已安装nodejs但是安装hexo报错
已安装nodejs但是安装hexo报错
98 2
|
5月前
|
JavaScript 算法 内存技术
如何降低node.js版本(nvm下载安装与使用)
如何降低node.js版本(nvm下载安装与使用)

热门文章

最新文章