NVM管理工具的安装与配置以及常见问题

1、卸载先前的node配置

1.1、nodejs需要在软件卸载那里卸载,并且还要删除之前的环境变量配置。

1.2、nvm的卸载则只需要删除它所在的文件夹即可

NVM管理工具的安装与配置以及常见问题_第1张图片

2、安装nvm

nvm安装包的下载地址:https://github.com/coreybutler/nvm-windows/releases,windows系统下载nvm-setup.zip安装包

这里我下载的是1.1.0版本的

NVM管理工具的安装与配置以及常见问题_第2张图片

安装过程中主要要注意nvm的位置和nodejs的所在位置,

2.1、nvm的安装路径不能有中文或者空格,否则后面在cmd中切换node版本会出现乱码

NVM管理工具的安装与配置以及常见问题_第3张图片
NVM管理工具的安装与配置以及常见问题_第4张图片

2.2、如果是自己选择nodejs的安装路径,那么应该在选好的路径后面加上“nodejs”。如下图所示:

NVM管理工具的安装与配置以及常见问题_第5张图片
NVM管理工具的安装与配置以及常见问题_第6张图片

(最开始我自己建了个nodejs文件夹,然后安装路径定位到这个文件夹上,但是后面切换node版本的时候虽然cmd提示切换成功,但是实际并没有,使用nvm ls查看已有版本列表时被使用的版本号前面没有*。貌似是因为nvm切换版本后会从自己建的nodejs文件夹里面确认当前使用的版本号)

2.3 、在nvm安装好后,搜索“右键“我的电脑”->属性->高级系统设置->环境变量”可以看到nvm已经为我们配置好了环境变量,我选择的是默认安装路径,效果如下:

NVM管理工具的安装与配置以及常见问题_第7张图片

接着我们使用管理员身份进入cmd,运行命令查看你nvm是否安装成功,成功显示版本号即可:

nvm -v
NVM管理工具的安装与配置以及常见问题_第8张图片

3、安装各版本的node

3.1、方式一:直接把从官网下载好的版本直接放在nvm文件夹下

NVM管理工具的安装与配置以及常见问题_第9张图片

3.2、方式二:用管理员身份打开cmd:输入

nvm list available

查看可安装的node版本

NVM管理工具的安装与配置以及常见问题_第10张图片

接着我们打开nvm安装目录下的setting.txt文件,添加镜像配置并保存

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

接着返回cmd输入“nvm install 版本号”即可下载所需版本,这里我下载的是18.10.0版本

NVM管理工具的安装与配置以及常见问题_第11张图片

可以看到最后一行有提示让我们输入“nvm use 18.10.0”来使用该版本,运行后输入nvm ls即可查看当前拥有node版本和正在使用的版本。

nvm use 18.10.0
nvm ls
NVM管理工具的安装与配置以及常见问题_第12张图片

如果此时有乱码或者版本号前面不带星请看步骤2.1和2.2

3.3、检查node和npm是否可以使用

分别使用一下两个代码查看是否切换版本成功,效果如下:

npm -v
node -v
NVM管理工具的安装与配置以及常见问题_第13张图片

3.4、想要切换其他版本直接使用命令“nvm install” 版本号,想要卸载某个版本只需要nvm uninstall 版本号,这里不做演示

nvm uninstall 18.10.0

4、 node环境配置

4.1、首先在node.js的安装目录新建两个文件夹node_global和node_cache

NVM管理工具的安装与配置以及常见问题_第14张图片

接着在cmd中输入两条指令,路径是两个文件夹所在路径

npm config set prefix "C:\Program Files\nodejs\node_global"
npm config set cache "C:\Program Files\nodejs\node_cache"

接着在【系统变量】新建环境变量 NODE_PATH,值为C:\Program Files\nodejs\node_global\node_modules,其中C:\Program Files\nodejs是上述创建的全局模块安装路径文件夹

NVM管理工具的安装与配置以及常见问题_第15张图片

【用户变量】中的path变量中,加上C:\Program Files\nodejs\node_global

NVM管理工具的安装与配置以及常见问题_第16张图片

记得保存,然后验证是否配置成功

打开cmd,输入:( # -g表示是全局安装),运行成功后会生成express文件夹

npm install -g express   
NVM管理工具的安装与配置以及常见问题_第17张图片

5、补充

设置淘宝镜像库 :

npm config set registry https://registry.npm.taobao.org

切换成cnpm安装:

npm install -g cnpm --registry=https://registry.npm.taobao.org

你可能感兴趣的:(vue,npm,node.js)