首页 前端知识 win7系统为搭建vue3环境安装高版本nodejs和pnpm踩的坑

win7系统为搭建vue3环境安装高版本nodejs和pnpm踩的坑

2024-06-10 11:06:42 前端知识 前端哥 756 848 我要收藏
  Win7系统可直接安装的最高nodejs版本为13.14,此处用12.22.12为例,目前经验看可用替换方式安装的最高Node版本为16.3.0。

1、下载 node-v12.22.12-x64.msi 安装

(1)官网下载msi安装版,不用配置环境变量。
(2)默认安装 ,安装成功 cmd命令行 输入node -v 和 npm -v 查看版本,能看到版本信息证明安装成功。

2、下载 node-v16.3.0-win-x64.zip 解压后复制16.3.0版本的文件直接替换nodejs12.22.12的安装目录 。
16.3版本文件
需替换的安装目录3、覆盖完后 用node -v 和npm -v查版本号会提示如下,说明覆盖成功。
在这里插入图片描述
4、新建环境变量, NODE_SKIP_PLATFORM_CHECK=1,即让node.js跳过平台版本检测。
在这里插入图片描述
5、再重新检查node和npm版本,即成功安装nodejs16.3版本。
在这里插入图片描述
6、但在vue3新版本中,使用的vite要求nodejs版本必须高于18+,此时以升级到nodejs19.9版本为例。
在这里插入图片描述
7、网上下载node19.9的64位zip版,解压后直接拷贝覆盖到升级后的16.3.0 NodeJs安装目录下,方法同上,直接覆盖。覆盖后node -v检查版本,不报错证明成功。但npm-v检查npm版本会报错.
在这里插入图片描述
8、此时将nodejs 16.3.0文件夹里的npm文件复制到nodejs安装目录下的node_modules文件下,直接覆盖npm文件夹。此时检测版本成功。
在这里插入图片描述

9、执行npm升级命令,通过命令升级npm到19.9匹配的npm版本
命令:npm install npm@9.6.3 -g。如下图所示,npm也升级成功,此时已经可以创建vue3项目了。
在这里插入图片描述
10、为了提升速度,节省磁盘空间,安装pnpm包管理器。安装完成后,提示’pnpm‘不是内部或外部命令,也不是可运行的程序或批处理文件。
11、先检查nodejs目录有没有存在pnpm,如果存在,则基本上是环境变量的问题。
在这里插入图片描述
12、检查环境变量中是否有上图中的路径,若没有,把上图中pnpm.cmd所在路径复制下来,增加到环境变量path中。
在这里插入图片描述
13、刷新环境变量。新开cmd,输入命令提示符set PATH=C: ,关闭cmd,再新开个cmd,输入echo %PATH%。此时再输入pnpm-v即可成功
在这里插入图片描述

转载请注明出处或者链接地址:https://www.qianduange.cn//article/11748.html
标签
评论
发布的文章

第一次实验补充

2024-06-18 09:06:14

html5shiv,从入门到深入

2024-05-09 10:05:07

html5基础入门

2024-06-18 09:06:07

HTML5学习简记

2024-06-18 09:06:20

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!