• 详细安装node.js管理工具nvm,以及对应版本的npm(npm6.x)过程中遇到的问题


    在做vue项目中遇到的问题:

    当时我是直接在官网下载并直接安装的 node.js 安装包,然后cmd终端中直接安装的npm,也没有指定安装的npm版本,导致在 vue 项目发现 node 与 npm 版本不适配,出一些奇奇怪怪的错

    解决方案:

    1. 卸载原来安装的 node.js

    1. cmd终端中输入命令:where node
    2. 打开node的安装目录,并删除 node.exe 所在根目录(可以参考这篇博文
    3. 打开 “ 控制面板–程序–卸载程序 ”,找到 node.js,右键卸载(我一开始卸载的时候遇到卸载失败,电脑关机重启重新卸载的)

    2. 安装 nvm(node.js版本管理工具)

    nvm优点:安装 nvm 工具后,就可以在这里面下载并自由切换到我们需要的 不同的 node.js 的版本,以适配不同的 vue 项目对node版本的需求。

    下载地址https://github.com/coreybutler/nvm-windows/releases
    在这里插入图片描述
    下载这个安装版,安装后它会自动配置环境(而绿色版不会,绿色版需要手动配置);

    解压这个.zip 文件夹后,双击 nvm-setup.exe 安装包

    在这里插入图片描述

    在安装过程中,选择安装路径的时候,可以自定义安装路径,但是一定要注意
    安装路径不要有 中文 和 空格,我是直接放在D盘根目录下,安装完后,在 cmd 终端中输入命令nvm v,检查是否安装好,出现版本号,就代表安装好了nvm
    在这里插入图片描述

    3. 安装自己需要的node.js版本

    用 nvm 工具安装 相应版本的 node.js 命令:nvm install 版本号

    node.js 版本与 npm 版本对应详情,可以查看node官方网址:https://nodejs.org/zh-cn/download/releases/

    注意用 nvm 工具安装 node.js 后,会自动一起下载 该版本的 node.js 对应版本的 npm

    我这里是想安装一个更稳定的 6.x版本的npm,所以和网友一样选择了 12.17.0 版本的node.js,但是在安装过程中只成功安装了node.js,而 npm 安装失败了,是网不稳定的问题,可以卸载这个版本:nvm uninstall 12.17.0,然后重新安装一次即可;

    (如果这一步没有报错,可以直接跳过,往下看)
    在这里插入图片描述

    如果还是不行,可以换个版本的试试看;重新安装另一个版本的,直接看截图:
    在这里插入图片描述
    查看安装了哪几个版本的node.js命令:nvm ls

    使用下载好的node.js命令:nvm use 版本号

    这里其实已经成功安装了此版本的 node.js 和 npm,看安装的路径中的文件就能看出来:
    在这里插入图片描述

    但上上面截图中最后一个红框中的命令 nvm use 11.11.0,回车后出现 “nvm use 11.11.0 exit status 1: ��û���㹻��Ȩ�”,而且node -v后也显示不是内部命令,说明哪里还是有问题的,根据网友的原因分析(https://blog.csdn.net/sunshineGGB/article/details/124249489),

    我用管理员身份 打开 cmd 终端,重新执行命令,成功在这里插入图片描述
    在这里插入图片描述

    安装完 node.js 后,试图用命令 vue ui 来启动vue的可视化面板,但显示:vue不是内部命令
    因此要重新安装一次 vue-cli 脚手架

    4. 重新安装一次 vue-cli 脚手架工具

    在cmd中输入命令:npm install -g @vue/cli

    这样是安装的最新版 vue-cli,我当前的是 5.0.8 版本,

    当输入命令:vue -V 查看vue版本时,报错显示,当前 11.11.0版本的 node.js 版本过低,当前版本的 vue-cli 脚手架要求12.x 版本或大于等于 14.x 版本的 node.js
    在这里插入图片描述

    解决方案

    1. 安装 12.17.0 版本的node.js:nvm install v12.17.0(如果已安装,就省略此步骤,如果安装没成功,就卸载再重装一次)
    2. 使用命令 nvm use 12.17.0 切换到 12.x 版本的 node.js
    3. 再次安装 vue-cli:npm install @vue/cli(每次安装了新版本的node.js之后都要重新安装一次脚手架)
      在这里插入图片描述
      启动 vue 可视化管理工具之后,就可以根据自己的需求来创建项目了。

    总结一路用到的几个命令,按照顺序来写的:

    nvm v
    
    nvm ls available
    
    nvm install 12.17.0(如果只安装成功node,没安装成功npm,则进行下一条命令,卸载,然后再重装一遍)
    nvm uninstall 12.17.0
    
    nvm install 11.11.0
    nvm use 11.11.0(如果该命令报错了,就用管理员身份打开cmd,再重新输入命令)
    node -v
    npm -v
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11

    完。

  • 相关阅读:
    Memcached 教程之 PHP 连接 Memcached 服务(十)
    自动化运维工具Ansible之playbooks剧本
    2022-10-28 开源会议分享开场词
    SpringBoot集成MySQL
    (yum+内网)centos7两种方式安装jdk11
    数字化转型升级必备—数据思维与应用
    【工具】压力测试、安全、进程、流量、磁盘、日志
    唯品会商品详情API接口(item_get-获得vip商品详情接口)
    Flutter笔记:关于应用程序中提交图片作为头像
    Android组件通信——PendingIntent(二十八)
  • 原文地址:https://blog.csdn.net/weixin_44293949/article/details/126049300