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的安装目录 。
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即可成功