当前位置: 首页 > news >正文

尚硅谷谷粒商城项目笔记——八、安装node.js【电脑CPU:AMD】

八、安装node.js

注:

[!NOTE]

  • 查看本机系统

  • 官网选择node.js版本

    • 在这里插入图片描述

1傻瓜式安装,注意选择路径

  • 图一

在这里插入图片描述

  • 图二

在这里插入图片描述

至此,nodejs安装完成!

在这里插入图片描述

2环境配置

  • 找到安装nodejs的路径
  • 新增 node_global node_cache文件夹

在这里插入图片描述

  • 创建完两个空文件夹,打开cmd命令窗口,输入:
npm config set prefix "D:\Nodejs\node_global"
npm config set cache "D:\Nodejs\node_cache"
  • 接下来设置系统环境变量:

    • 创建 NODE_HOME 变量,变量值为nodejs安装路径

    在这里插入图片描述

    • 在path中修改和nodeks有关的变量为%NODE_HOME%

    • 再添加两个变量为:%NODE_HOME%\node_global%NODE_HOME%\node_cache

    在这里插入图片描述

3国内镜像网站配置

配置国内镜像,解决模块安装缓慢或者失败的问题。

要配置Node.js使用华为云的npm镜像源并测试下载,可以按照以下步骤操作:

  1. 配置npm镜像源:首先,需要将npm的默认镜像源切换到华为云的镜像源。可以通过以下命令设置华为云镜像源:

    npm config set registry https://mirrors.huaweicloud.com/repository/npm/
    

    这个命令会将你的npm镜像源设置为华为云提供的npm镜像,这有助于加快下载速度。

  2. 验证配置:配置完成后,你可以通过以下命令来验证npm是否成功切换到了华为云的镜像源:

    npm config get registry
    

    如果输出的地址是华为云的镜像源地址,这表示设置成功。

  3. 测试下载:为了确保配置有效并且可以正常使用,你可以尝试安装一个常用的npm包来测试下载速度,例如:

    npm install express --save
    

    这将安装express包,并将其添加到你的项目的依赖列表中。

    [!WARNING]

    这里可能会出现未初始化的警告,使用以下命令并一步步按要求执行即可:

    npm init
    

    在这里插入图片描述

  4. 使用nrm工具:如果你想要更方便地管理不同的npm镜像源,可以使用nrm(npm registry manager)。nrm允许你快速在不同的npm源之间切换。首先,安装nrm:【我的这个版本比较低,如果要使用nrm工具,需要使用更高版本的nodejs】

    npm install nrm -g
    

    然后,使用nrm列出所有配置的镜像源:

    nrm ls
    

    接着,你可以使用nrm切换到华为云的镜像源:

    nrm use huaweicloud
    

    或者,如果你想要测试所有镜像源的速度,可以使用:

    nrm test
    

    这将帮助你找到最适合当前网络环境的镜像源。

  5. 可能遇到的问题:如果在配置镜像源后速度没有提升,可能是因为镜像源同步延迟或网络问题。可以尝试清除缓存或尝试其他镜像源。

[!NOTE]

使用nrm(npm registry manager)来管理不同的npm镜像源是一个方便的方法。以下是使用nrm的基本步骤:

  1. 安装nrm
    首先,你需要全局安装nrm。打开终端或命令提示符,运行以下命令:

    npm install -g nrm
    
  2. 列出可用的源
    安装完成后,你可以使用nrm ls命令来列出所有已配置的源:

    nrm ls
    
  3. 添加新的源
    如果你想要添加一个新的源,可以使用nrm add命令。例如,添加华为云的源:

    nrm add huawei https://mirrors.huaweicloud.com/repository/npm/
    
  4. 使用特定的源
    使用nrm use命令来切换到特定的源。例如,使用华为云的源:

    nrm use huawei
    
  5. 测试源的速度
    你可以使用nrm test命令来测试不同源的响应速度:

    nrm test
    
  6. 查看当前使用的源
    使用nrm current来查看当前使用的源:

    nrm current
    
  7. 删除源
    如果你想要删除一个已添加的源,可以使用nrm del命令。例如,删除华为云的源:

    nrm del huawei
    
  8. 编辑nrm配置
    使用nrm re命令来重新编辑nrm配置:

    nrm re
    
  9. 查看帮助信息
    如果你需要更多帮助或命令选项,可以使用nrm --help

    nrm --help
    

通过以上步骤,你可以方便地使用nrm来管理不同的npm镜像源,选择最适合你当前网络环境的源,以优化npm包的下载速度。

大学生制作不易,各位愿意的话可以打赏,不愿意的话也没关系,学习最重要。最后,哪里写的不合适请告诉我,我弄明白后再修正,谢谢!

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • CUDA是什么?工作原理是什么?
  • spring+SSM+Mybatis面试题(上)(30道)
  • 【北京仁爱堂】痉挛性斜颈的“清淡饮食”,不是让你只吃素,很多患者都误解了!
  • *算法训练(leetcode)第四十天 | 647. 回文子串、516. 最长回文子序列
  • Pytorch 高效快速加载大规模数据集
  • 控制反转(IOC)与依赖注入(DI)模式解析及实践
  • IAP程序升级 与 电脑BIOS 的关系
  • hashmap底层原理(数据结构 put原理 get原理 remove原理)
  • 【RunAsTool】解锁Windows权限:让管理员权限触手可及
  • 2023/8/7 英语每日一段
  • 智能编程新纪元:腾讯AI代码助手的高效编程体验
  • 【初阶数据结构题目】14.随机链表的复制
  • PHP最新可用获取QQ昵称API接口源码_非第三方
  • python语言day3 元组、字典、类型转换
  • Spring Boot相关知识
  • 【编码】-360实习笔试编程题(二)-2016.03.29
  • Angular 4.x 动态创建组件
  • docker-consul
  • eclipse(luna)创建web工程
  • Invalidate和postInvalidate的区别
  • Js基础知识(一) - 变量
  • Koa2 之文件上传下载
  • python docx文档转html页面
  • weex踩坑之旅第一弹 ~ 搭建具有入口文件的weex脚手架
  • 码农张的Bug人生 - 初来乍到
  • 配置 PM2 实现代码自动发布
  • 三栏布局总结
  • 什么软件可以剪辑音乐?
  • 我有几个粽子,和一个故事
  • 学习笔记DL002:AI、机器学习、表示学习、深度学习,第一次大衰退
  • 一份游戏开发学习路线
  • 移动互联网+智能运营体系搭建=你家有金矿啊!
  • [Shell 脚本] 备份网站文件至OSS服务(纯shell脚本无sdk) ...
  • “十年磨一剑”--有赞的HBase平台实践和应用之路 ...
  • C# - 为值类型重定义相等性
  • #pragma once与条件编译
  • #vue3 实现前端下载excel文件模板功能
  • #微信小程序(布局、渲染层基础知识)
  • #我与Java虚拟机的故事#连载03:面试过的百度,滴滴,快手都问了这些问题
  • $$$$GB2312-80区位编码表$$$$
  • (2)(2.4) TerraRanger Tower/Tower EVO(360度)
  • (done) 两个矩阵 “相似” 是什么意思?
  • (ISPRS,2023)深度语义-视觉对齐用于zero-shot遥感图像场景分类
  • (定时器/计数器)中断系统(详解与使用)
  • (二)JAVA使用POI操作excel
  • (附源码)spring boot校园健康监测管理系统 毕业设计 151047
  • (附源码)ssm户外用品商城 毕业设计 112346
  • (经验分享)作为一名普通本科计算机专业学生,我大学四年到底走了多少弯路
  • (七)Appdesigner-初步入门及常用组件的使用方法说明
  • (一)硬件制作--从零开始自制linux掌上电脑(F1C200S) <嵌入式项目>
  • .Net Web窗口页属性
  • .NET/C# 检测电脑上安装的 .NET Framework 的版本
  • /usr/local/nginx/logs/nginx.pid failed (2: No such file or directory)
  • @configuration注解_2w字长文给你讲透了配置类为什么要添加 @Configuration注解
  • @DateTimeFormat 和 @JsonFormat 注解详解