Node及nvm安装及环境变量控制（有效）

您所在的位置：网站首页 › nvm安装node › Node及nvm安装及环境变量控制（有效）

Node及nvm安装及环境变量控制（有效）

2023-03-13 20:00| 来源: 网络整理| 查看: 265

「这是我参与11月更文挑战的第1天，活动详情查看：2021最后一次更文挑战」

安装 Node

前不久触到 nvm 但是很早以前就安装了 node 使用 nvm 要删除 node 好烦烦啊就没删结果突然 node 不是内部指令了只能重配环境安装既然都重装了一不做二不休又给删了重新装了 nvm 配环境研究了好久这里记录一下挺好的

下面安装方法只记录了重点至于怎么怎么打开工具以及一些文件的作用并没有详细说明可以自行百度一下这边建议先把两个方法都看一遍使用方法二比较好但是也可以按方法一安装一遍在卸载掉可以加深印象精通安装哈方法一不使用 nvm 安装

直接官网下载

安装时将安装目录改到 D 盘

下载完成后查看版本检验是否安装成功打开 cmd 输入指令

node -v npm -v

控制面板 -- 系统和安全 -- 系统 -- 高级 -- 环境变量 -- 查看用户变量和系统变量

在这里插入图片描述 $[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-InBaXQJz-1637638311448)(C:\Users\lenovo\AppData\Roaming\Typora\typora-user-images\image-20211122224503969.png)]$

默认情况下是路径位红色圈出的部份 $[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-B4jPtGAL-1637638311453)(C:\Users\lenovo\AppData\Roaming\Typora\typora-user-images\image-20211122224734972.png)]$ + 修改 node 中全局安装的路径

查看全局安装的默认路径

npm config get prefix 复制代码

修改全局安装的默认路径

在这里插入图片描述 + 现在如上目录建两个文件夹

npm config set prefix "D:\ANEW\software\nvm\16.13.0\node_global" npm config set cache "D:\ANEW\software\nvm\16.13.0\node_cache" 复制代码

安装全局包

npm i -g vue @vue/cli 复制代码

可能会遇到问题无法安装成功

在这里插入图片描述 + 因为没有权限

解决方法一以管理员身份运行 cmd 在里面安装解决方法二 node包右键属性安全里面将本电脑用户权限改为全面控制

使用安装的全局工具

上面安装了 vue 手脚架

vue create vue-name 复制代码

报错

'vue' 不是内部或外部命令，也不是可运行的程序或批处理文件。复制代码

这是因为我们在执行指令时，它会默认在node安装根目录下查找指令文件，在这里就是vue.cmd,然后还会在node安装根目录下的node_modules下查找依赖包文件夹，在这里就是@vue文件夹，因为我们修改了全局包的存放路径，所以自然找不到了，所以我们需要把我们指定的全局包存放路径添加到系统环境变量，这样就可以找到了

解决方法

改变环境变量中的系统变量将路径改为全局默认安装路径如上图使用 nvm

已安装了 node 的小伙伴先卸载掉

直接控制面板卸载即可卸载完后可以看看环境变量把之前的变量可以删除去 c 盘用户下找到隐藏文件 AppData 下的 npm 开头的文件一并删除就删除干净了

上方安装 node 的截图我是直接安装了 nvm 后在下面文件夹下安装 node 进行测试

建议先把 node 卸载掉在安装 nvm 执行下面步骤

github.com/coreybutler…

在这里插入图片描述

点击上方链接下载如上版本

安装将路径改为 D 盘自己创建的路径中默认是在 C盘的

一个是 nvm 安装路径 node 的版本会安装在 nvm 下文件直接一版本号命名一个是 nodejs 安装路径 npm 工具会在这个包下面 + 在这里插入图片描述

安装之后在 nvm 安装目录下找到 settings.txt 文件里面有两条安装路径

node_mirror: https://npm.taobao.org/mirrors/node/ npm_mirror: https://npm.taobao.org/mirrors/npm/ 复制代码

在这里插入图片描述

加入上方代码切换位淘宝镜像安装更快

安装 nodejs 版本

nvm install 14.15.0 // 直接写版本号复制代码 nvm list // 查看安装的版本复制代码 nvm use 14.15.0 // 切换 node 版本复制代码如果没使用管理员运行 cmd 不能切换版本我配置了环境变量也没用。。。吐了 $[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-CMutvwbS-1637638311467)(C:\Users\lenovo\AppData\Roaming\Typora\typora-user-images\image-20211123105622193.png)]$ 以管理员身份运行即可在这里插入图片描述

配置全局安装路径

同上方安装 nodejs 一样在这里插入图片描述

安装全局包

同上方一样安装下来无法使用去配置环境变量就可以使用啦这次环境变量只用在用户变量里面配置就可以了 $[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-hZbaK7Uf-1637638311472)(C:\Users\lenovo\AppData\Roaming\Typora\typora-user-images\image-20211123111332873.png)]$

这样全局的包就会出现在如下路径中可以随意切换 node 的版本了 nvm 太强了

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-AHEe8IGR-1637638311474)(C:\Users\lenovo\AppData\Roaming\Typora\typora-user-images\image-20211123111504818.png)]$

如果由于一些包可能down不下来，可以设置.npmrc文件

sass_binary_site = https://npm.taobao.org/mirrors/node-sass/ phantomjs_cdnurl = https://npm.taobao.org/mirrors/phantomjs/ registry = https://registry.npm.taobao.org 复制代码

切换了 node 的版本后全局工具可能需要重新安装才能使用如 yarn等

啊啊啊啊下载安装配变量搞了一天折磨完毕精通 nodejs 安装哈哈哈哈

【本文地址】

公司简介

联系我们