nvm和node的环境配置与下载
nvm与node安装配置详细教程,温馨提示:如果电脑中已经安装了nodejs,一定要卸载干净!!! 昨天配置的node环境出问题了,所以今天重新配置nvm和node。
一、卸载node教程
1、完全卸载旧的nodejs
- 控制面板卸载 nodejs
- 删除node的安装目录
- 删除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
- 将有关node的所有环境变量进行删除
- 在命令行中测试是否卸载完成
出现以下提示表示已经卸载完成。
二、下载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的依赖了,表示测试成功!!