Mac如何升级node、切换node版本?解决升级后,以前vue项目无法启动问题

前言

最近开始接触Vue3,从零开始用Vue3做项目,在项目初始阶段遇到关于node的问题,记录相关解决方案。

其实这几个问题以前应该也遇到过,只不过好久不用新技术初始化项目就不记得了,所以分享出来希望可以帮助大家和以后的自己。

本文主要解决三个问题:

  1. Mac电脑如何升级node版本?
  2. 如何切换node版本?
  3. node升级成功后,以前的Vue项目无法启动的解决方案。

一、问题背景

最近正在开始写Vue3的项目,因为是第一次用Vue3,Vue3官方文档中标明用的前提条件是【已安装 18.0 或更高版本】,所以需要对我本地v16.17.0版本的node进行升级。

二、Mac电脑如何升级node版本

  1. 首先查看我们本地的node版本,看是否低于v18。打开终端,输入命令node -v:
git 复制代码
node -v

我的是v16.17.0,所以需要升级到v18或以上。

  1. 查看node官网,现在的稳定版为v18.19.0,最新版本是v20.11.1,node官网,如下图:
  1. 具体步骤如下:

这样就完成node版本的更新了。

三、Mac如何切换node版本

比如我想切换到v18.19.0,操作如下:

arduino 复制代码
// node的相关命令

sudo npm cache clean -f // 清除node.js的cache
sudo npm install -g n // 使用npm安装n模块
npm view node versions // 查看node所有版本
sudo n stable // 升级到稳定版本
sudo n xx.xx // 升级到具体版本号
node -v // 查看当前安装的版本号
n // 检查目前安装了哪些版本的node,会出现已安装的node版本,选一个就可以直接切换了

四、解决node升级成功后,以前的Vue项目无法启动问题

只要删除node_modulespackage-lock.json文件,然后重新install即可。

以上,希望对大家有帮助!

相关推荐
Mr Xu_33 分钟前
Vue 3 中 watch 的使用详解:监听响应式数据变化的利器
前端·javascript·vue.js
一 乐1 小时前
校园二手交易|基于springboot + vue校园二手交易系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·后端
科技D人生2 小时前
Vue.js 学习总结(20)—— Vue-Office 实战:word、pdf、excel、ppt 多种文档的在线预览
vue.js·word·vue-pdf·stylesheet·docx-preview·vue-office
vx1_Biye_Design2 小时前
基于Spring Boot+Vue的学生管理系统设计与实现-计算机毕业设计源码46223
java·vue.js·spring boot·spring·eclipse·tomcat·maven
vx_Biye_Design2 小时前
基于Spring Boot+vue的湖北旅游景点门票预约平台的设计--毕设附源码29593
java·vue.js·spring boot·spring cloud·servlet·eclipse·课程设计
hedley(●'◡'●)2 小时前
基于cesium和vue的大疆司空模仿程序
前端·javascript·vue.js·python·typescript·无人机
qq5_8115175152 小时前
web城乡居民基本医疗信息管理系统信息管理系统源码-SpringBoot后端+Vue前端+MySQL【可直接运行】
前端·vue.js·spring boot
百思可瑞教育2 小时前
构建自己的Vue UI组件库:从设计到发布
前端·javascript·vue.js·ui·百思可瑞教育·北京百思教育
百锦再2 小时前
Vue高阶知识:利用 defineModel 特性开发搜索组件组合
前端·vue.js·学习·flutter·typescript·前端框架
hdsoft_huge2 小时前
1panel面板中部署SpringBoot和Vue前后端分离系统 【图文教程】
vue.js·spring boot·后端