码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • 2022年最新最详细的安装Node.js以及cnpm(详细图解过程、绝对成功)


    前言:建议全部按照步骤一步一步安装。以下步骤是我新电脑搭建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 -v 和 npm -v 分别查看 node 和 npm 的版本号,如下图所示

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

    在这里插入图片描述

    2、 全局配置(cnpm)

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

    因为在执行例如 npm install webpack -g 等命令全局安装的时候,默认会将模块安装在 C:\Users\用户名\AppData\Roaming 路径下的 npm 和npm_cache 中,不方便管理且占用 C盘空间,所以这里配置自定义的全局模块安装目录,在 node.js 安装目录下新建两个文件夹node_global 和 node_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 ,其中 reigstry 为源名,url 为源的路径。

    在这里插入图片描述

    3.6. 删除

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

    3.7. 测试速度

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

  • 相关阅读:
    Ubuntu使用dense_flow提取视频图像的光流图像
    阿尔茨海默病中的人类连接组及它与生物标记物和遗传学的关系
    信道状态信息(CSI)的信号变换
    蓝桥杯练习题七 - 第几天(c++)
    Asp .Net Core 系列:基于 Castle DynamicProxy + Autofac 实践 AOP 以及实现事务、用户填充功能
    C10K问题与IO多路复用
    Android rom开发:9.0系统上实现4G wifi 以太网共存
    【图形学】26 透明效果基础
    【OLSR路由协议】链路状态路由(OLSR)协议中选择多点中继节点算法研究(Matlab代码实现)
    紫光同创FPGA实现HSSTLP高速接口视频传输,8b/10b编解码,OV5640采集,提供PDS工程源码和技术支持
  • 原文地址:https://blog.csdn.net/weixin_43304253/article/details/127094460
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号