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

nvm和node的环境配置与下载

nvm与node安装配置详细教程,温馨提示:如果电脑中已经安装了nodejs,一定要卸载干净!!! 昨天配置的node环境出问题了,所以今天重新配置nvm和node。

一、卸载node教程

1、完全卸载旧的nodejs

  1. 控制面板卸载 nodejs
  2. 删除node的安装目录
  3. 删除C盘中遗留的文件

在C盘查找 .npmrc与 .node_repl_history是否存在,删除

C:\Program Files (x86)\Nodejs
C:\Program Files\Nodejs
C:\Users\用户名\AppData\Roaming\npm
C:\Users\用户名\AppData\Roaming\npm-cache
C:\Users\用户名\AppData\Local\npm-cache
  1. 将有关node的所有环境变量进行删除
  2. 在命令行中测试是否卸载完成

出现以下提示表示已经卸载完成。
在这里插入图片描述

二、下载nvm

1、下载NVM

(1)第三方(应该不是官网的)

首先从这个网站下载适合自己电脑配置的安装包,我下载的是window版本的安装程序。
在这里插入图片描述

(2)官网下载

github网站有多个版本可以下载
在这里插入图片描述

nvm-noinstall.zip 绿色免安装,但使用时需进行配置
nvm-setup.zip 安装版,推荐使用
nvm-setup.exe 无需解压,直接安装,强烈推荐 !!!

2、安装nvm

下载好后双击点开,同意这个协议。
在这里插入图片描述

接下来就是经常遇到的,选择安装目录,没有分盘的小伙伴,可以点默认路径或者是自定义的路径,其他的小伙伴也是一样的,提示:安装路径中不要有空格

在这里插入图片描述
这个目录是 当nvm 使用固定版本时,该版本存在的目录。可以不用修改,我这里就没有修改路径。
在这里插入图片描述
这里可以全部选择后,继续点next。
在这里插入图片描述
中间会遇到输入邮箱的界面,可以输入之后点击next,最后点击install。
在这里插入图片描述
到这里就安装完毕。
在这里插入图片描述

3、nvm修改镜像

打开命令行(win+R),输入cmd ,回车后,在命令行输入nvm root 命令,可以查看nvm的安装根路径在那个文件夹
在这里插入图片描述
找到node的安装目录,打开之后,找到setting.txt文件并打开。
在这里插入图片描述
将以下代码复制进这个文件夹并保存,完成nvm源修改。

node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror:  https://npmmirror.com/mirrors/npm/

在这里插入图片描述

4、nvm配置环境变量

环境变量打开方式:我的电脑->属性->高级系统设置->环境变量->确认与如下配置保持一致(默认nvm安装成功后,会自动生成)
在这里插入图片描述
继续打开命令行(win+R),输入cmd,回车后,输入nvm -v命令,查看是否返回版本号,如何返回则配置成功。
在这里插入图片描述

三、安装node.js及配置环境变量。

1、通过nvm安装node

输入以下代码,查看node.js最新的一批版本(版本号:偶数是绝对稳定版本 基数是不一定稳定版本)

nvm list available

在这里插入图片描述
安装指定的版本:nvm install v16.20.2,查看安装的所有版本:nvm list 或 nvm ls,进入或切换版本:nvm use v16.20.2
在这里插入图片描述
使用以下命令,检查是否安装成功。

node -v
npm -v

在这里插入图片描述

2、node.js配置与使用

(1)新建文件

在nvm安装node后会生成nodejs文件夹,在里面新建两个文件夹,安装目录下创建node_cache和node_global两个文件夹,如下图所示。
在这里插入图片描述

(2)配置文件

创建文件夹后,分别执行以下命令

npm config set prefix "自己的路径\node_global"
npm config set cache "自己的路径\node_cache"# 配置完后请查看是否配置成功
npm config ls

在这里插入图片描述

(3)系统环境变量配置

在【系统变量】中选择【Path】点击【编辑】后点击新建【%NODE_PATH%】,随后一直点击【确定】直到关闭所有窗口即可。
变量名:NODE_PATH,变量值:D:\路径\node_global\node_modules, 注意看没写错,多了一个\node_modules,这个文件夹不需要你自己新建,用的时候自己会有。
在这里插入图片描述

(4)新建变量

双击path,新建%NODE_PATH%
在这里插入图片描述

(5)配置下载源

配置npm下载源,这个默认是国外的,改成国内的,

// 查询源
npm config get registry// 更换国内源
npm config set registry https://registry.npmmirror.com

在这里插入图片描述

(6)测试node

测试node,打开命令行(使用有管理权限)执行:

npm install vue -g

在这里插入图片描述
打开安装目录的路径,新的文件已经创建成功,表示测试成功!
在这里插入图片描述
目录下面有vue的依赖了,表示测试成功!!
在这里插入图片描述

http://www.xdnf.cn/news/9156.html

相关文章:

  • Windows Telnet 正在连接xxx...无法打开到主机的连接。 在端口 xxx: 连接失败
  • 电脑主板VGA长亮白灯
  • 2025-05-27 学习记录--Python-模块
  • NGINX HTTP/3 实验指南安装、配置与调优
  • PromQL 从基础入门教程
  • LVS负载均衡
  • 【免费】【无需登录/关注】卫星影像在线下载网页
  • 实战分享:DolphinScheduler 中 Shell 任务环境变量最佳配置方式
  • K8s边缘集群赋能工业自动化:从传感器监控到智能决策的全流程升级
  • Pic手机拼图软件:创意拼图,轻松上手
  • React JSX语法介绍(JS XML)(一种JS语法扩展,允许在JS代码中编写类似HTML的标记语言)Babel编译
  • ​扣子Coze飞书多维表插件-查询数据
  • 【无标题】使用JEasyOpc开发OPCDA采集中间件
  • Lua中的`self`参数:揭秘隐藏的“对象上下文”
  • 1992-2021年各省工业增加值数据(无缺失)
  • Linux的五种IO模型
  • Rust语言学习教程、案例与项目实战指引
  • c/c++的opencv双边滤波
  • 八大员-质量员考试复习资料有哪些?
  • 【Marp】自定义主题 - box01
  • Kotlin 实战:Android 设备语言与国家地区的 5 种获取方式
  • Playwright 常用命令、参数详解及使用示例
  • 精益数据分析(88/126):从营收平衡到规模化扩张——企业增长的最后一道关卡
  • 如何保护网络免受零日漏洞攻击?
  • php 实现基数排序
  • 编程规范Summary
  • ASP.NET Web Forms框架识别
  • 【论文精读】2024 arXiv --VEnhancer现实世界视频超分辨率(RealWorld VSR)
  • 【数据结构】——二叉树堆(下)
  • Windows系统下 NVM 安装 Node.js 及版本切换实战指南