nvm node.js的安装

说明:部分但不全面的记录 因为过程中没有截图,仅用于自己的学习与总结
过程中借鉴的优秀博客 可以参考

1,npm install 或者npm init vue@latest报错

2,了解后 发现是nvm使用的版本较低,于是涉及nvm卸载 重新下载最新版本的nvm

2024.04 nvm最新版本下载GitHub链接

Releases · coreybutler/nvm-windows (github.com)

3,步骤实现

3.1卸载nvm

3.2查看环境变量

3.3下载最新版本的nvm

3.4检错是否现在成功

3.5nvm available查看可以现在的node版本

3.6补充nvm常用命令

3.7下载需要的node版本

3.8查看node版本默认的npm版本

4,镜像源

查看镜像源

javascript 复制代码
pnpm config get registry

设置镜像源

javascript 复制代码
pnpm config set registry xxxxx

设置镜像源 2024.4继续

javascript 复制代码
npm config set registry https://registry.npmmirror.com
javascript 复制代码
pnpm config set registry https://registry.npmmirror.com

5,可能的报错记录

5.1engine不匹配

解决办法

添加后缀 --ignore-engines

javascript 复制代码
 npm install -g yarn --ignore-engines

5.2pnpm create vue 报错

解决方法

先选择下载更高版本的npm 通过npm指令生成vue3+vite项目

5.3pnpm在哪

是在该版本下进行下载pnpm的

先遗留一个问题:为什么使用-g全局下载 还会出现这种现象

待补充


这里

6,重点经验总结

1,每次在创建vue项目或者使用npm的时候,有些莫名其妙的报错,很多时候都是因为nodejs版本不对导致的。

这次我碰到的

  • npm init vue@latest 报错token 在提升node版本依旧报错的情况下,更新nvm
  • 之后的报错 就是node.js版本不够高的原因;

7,参考博客

卸载相关

Node卸载超详细步骤_卸载node-CSDN博客

nvm下载

nvm-下载、安装、使用(2023/07/12更新)_nvm 下载-CSDN博客

镜像源参考下面的,镜像源进行了更新☞

一步到位------Node版本管理神器nvm安装教程(2024最新)_nvm安装node-CSDN博客

npm报错

nvm版本导致npm install报错 Unexpected token '.'_nvm的npm报错-CSDN博客

npm搭建vue3+vite项目

详细vite创建vue3项目(vue3+vue-router+ts+vite+element-plus+pinia)-CSDN博客

pnpm 搭建vue3+vite项目

如何使用pnpm包管理器搭建一个vite项目(vue3+ts)_pnpm vite-CSDN博客

node nvm外部命令

方法一:手把手解决"npm、node不是内部或外部命令,也不是可运行的程序或批处理文件"_npm不是内部或外部命令-CSDN博客

相关推荐
页面仔Dony15 分钟前
流式数据获取与展示
前端·javascript
张志鹏PHP全栈23 分钟前
postcss-px-to-viewport如何实现单页面使用?
前端
恋猫de小郭23 分钟前
iOS 26 正式版即将发布,Flutter 完成全新 devicectl + lldb 的 Debug JIT 运行支持
android·前端·flutter
前端进阶者1 小时前
electron-vite_20外部依赖包上线后如何更新
前端·javascript·electron
晴空雨1 小时前
💥 React 容器组件深度解析:从 Props 拦截到事件改写
前端·react.js·设计模式
Marshall35721 小时前
前端水印防篡改原理及实现
前端
阿虎儿1 小时前
TypeScript 内置工具类型完全指南
前端·javascript·typescript
IT_陈寒2 小时前
Java性能优化实战:5个立竿见影的技巧让你的应用提速50%
前端·人工智能·后端
chxii2 小时前
6.3Element UI 的表单
javascript·vue.js·elementui