nvm通关实录

喜欢而已 提交于 2020-01-10 07:41:51

置顶转大佬链接
参考了©"安歌的博客"道友的文章传送门

最近在学习如何在微信小程序中使用雪碧图,按照教程配置环境时,发现自己目前的node环境版本太高,无法生成雪碧图,因此决定上手学习下nvm,现将学习过程总结一下谨供各位参考,文章较详细,请耐心阅读…祝各位顺利通关…

安装

官网下载
github截图
从上到下依次为

  1. 免安装解压版
  2. 免安装解压版校验txt
  3. 安装版
  4. 安装版校验txt
  5. zip压缩的源码
  6. tar.gz的源码,一般用于linix系统

我下载得是3.安装版,因为这个可以自动生成系统中的环境变量,建议对环境变量配置不熟悉的朋友选择这个安装(1.免安装解压版,需要手动配置环境变量)

解压缩双击运行nvm-setup.exe文件,进行安装
步骤1
选择安装目录,
默认安装在 C:\Users\Administrator\AppData\Roaming\nvm
步骤2
但我习惯不按在C盘,这一步大家可以根据自己习惯而定,我在D盘下新建了一个NVM文件夹,选择这里按装
步骤2
下一步选择nodejs的安装位置,就是你所有用到的nodejs都会在这个文件夹下,默认为C:\Program Files\nodejs
步骤3
我直接设置为我 D:\NVM\nodejs
步骤3
然后install安装
步骤4
Finish结束
步骤5
接下来验证一下nvm是否安装成功
win+r 调出运行,输入cmd,调出命令行
命令行中输入nvm回车,有看到版本号,就是安装成功了
步骤6

配置

在你安装的目录下找到settings.txt文件,打开后加上

	node_mirror: https://npm.taobao.org/mirrors/node/
	npm_mirror: https://npm.taobao.org/mirrors/npm/

步骤7
将地址改为淘宝地址,提高下载速度
使用nvm install version 命令安装指定版本的nodejs

	nvm install 12.13.0

使用node -v查看node版本

	node -v

查看node版本
使用nvm use version 命令选择当前使用的node版本

	nvm use 12.13.0

选择node版本

这时,我们想查看下npm的版本,于是命令行中输入 npm -v

npm -v

结果提示npm不是内外部命令
在这里插入图片描述
这个问题是因为 8.11以上版本的node版本对应的npm都没法自动安装,
需要自己到npm官网( [https://npm.taobao.org/mirrors/npm/]下载(https://npm.taobao.org/mirrors/npm/))
我选择的是最新的一个npm版本,下载之后解压在命名为npm的文件夹中
在这里插入图片描述
找到你的nvm安装目录(我的是D:\nvm\v12.13.0)
在这里插入图片描述
打开你所安装的node版本,这里再次重申一下,node8.11以上版本才需要手动安装npm,然后看到v12.13.0这个文件夹中只有下面这两项
在这里插入图片描述
然后把刚刚解压的npm文件包,拷贝到node_modules文件加下,将npm\bin文件夹下的npm,npm.cmd等以下四个文件拷贝到node_modules的统计目录下
在这里插入图片描述
重新使用nvm use version 选择node版本
然后再执行 npm -v 就可以看到npm的版本了

修改npm的默认安装路径
首先在指定目录下新增 node_global_modules 和 node_cache 两个文件夹
然后命令行输入

npm config set prefix "你的安装路径\node_global_modules"
npm config set prefix "你的安装路径\node_canche"

参考下我的

npm config set prefix "D:\nvm\nodejs\node_modules\node_global_modules"
npm config set prefix "D:\nvm\nodejs\node_modules\node_canche"

在这里插入图片描述
命令行输入 npm config list 查看基本配置,下图标红的地方为你指定的安装目录,就对了

	npm config list 

在这里插入图片描述
然后快来试一下设置成功了没
在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org 然后等待,安装完成如下图。
在这里插入图片描述
进到我们定义的全局安装目录,发现cnpm确实安装到这里了
在这里插入图片描述
运行cnpm -v 发现不是内外部命令,原因是本地环境变量中配置的环境变量出现问题,如果没有配置就添加你自定义的全局安装目录,我的应该是下面这个路径而我环境变量中配置的是下图所示的的,所有导致cnpm找不到可执行程序

	D:\nvm\nodejs\node_modules\node_global_modules

在这里插入图片描述
重新修改环境变量后,再次查询 cnpm -v
在这里插入图片描述
到这里就结束了,盆友,你通关了麽?

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!