发布时间:2023-05-22 文章分类:WEB开发, 电脑百科 投稿人:李佳 字号: 默认 | | 超大 打印

安装nodejs

Win7 支持的 NodeJs 最高版本为 13.14.0,下载是去历史版本中寻找。
下载地址::以往的版本 | Node.js
安装: next 安装完成,修改了安装目录:D:\Program Files\nodejs;

1.测试nodejs 是否安装成功 ----在cmd中输入node -v   成功会输出node.js 的版本

2.测试npm是否自动安装  ----在cmd中输入 npm -v     成功会输出npm  的版本

3、安装完成修改一些配置:设置 下载的全局组件依赖包和缓存 存放的位置,默认是 c盘User。。

cmd 修改为node.js安装目录下

npm config set cache "D:\Program Files\nodejs\node_cache"
npm config set prefix "D:\Program Files\nodejs\node_global" 

系统会自动创建这两个文件夹node_global,node_cache

4.配置 nodejs 环境变量

 1、用户变量:修改PATH,添加  D:\Program Files\nodejs\node_global
 2、系统变量:新建变量名:NODE_PATH 值为 D:\Program Files\nodejs\node_global\node_modules

5.安装 cnpm:

npm install cnpm@7.1.0 -g  // 指定版本,win7不支持8.2以上

# 查看cnpm版本

cnpm -v

6、更换为淘宝镜像:

npm config set registry=https://registry.npm.taobao.org

# 查看镜像

npm config get registry

cnpm -v 查看版本

注意:推荐使用npm安装,服务器网络不好可以使用淘宝镜像 :cnpm安装,速度快很多但是依赖容易出错

win7支持的node更高版本问题:

目前win7支持的node最高版本是13.14,然而有些时候我们从Github下载的项目运行时会报错

error commander@9.0.0: The engine "node" is incompatible with this module. Expected version "^12.20.0 || >=14". 

解决办法就是安装指定的版本(12.20.0)或者大于14的版本

win7不可以直接在node官网下载node.js 14.15.0版本,要通过解压的方式来安装
react / Vue支持的node版本是14以上,但是电脑用的win7系统,又不好换系统的,到处巡逻帮助最终解决了这个问题。现将这个方法分享出来 ,让还在使用win7系统的小伙伴,解决这个小问题。

起初为了安装node, 安装的是node.js 13.14.0版本

但是现在react / Vue不支持低版本的node,怎么解决呢?

 第一步:下载WIN7支持的node 14版本下载地址:Index of /download/release/v14.15.0/,记住一定要下载zip结尾的。

第二步:解压压缩包,覆盖替换到旧的安装目录。我的是 D:\Program Files\nodejs

第三步:打开命令行,输入set NODE_SKIP_PLATFORM_CHECK=1,执行它,其作用是忽略平台审查。

最后 node -v 

 14版本的node就安装好了~~

注意的是:每次关闭cmd之后都要重新输入

set NODE_SKIP_PLATFORM_CHECK=1, 可以配置系统变量

操作步骤:

1.打开 计算机->属性->高级系统设置->环境变量->系统变量,把node的安装路径增加到Path里面: D:\Program Files\nodejs\

2.系统变量新增一个变量名:NODE_SKIP_PLATFORM_CHECK
变量值:1

就可以不用每次关闭之后启动cmd都要设置了

安装vue和vue脚手架:

就是安装vue-cli 这里我安装的是指定版本号3.12.0,可自行修改

npm install -g @vue/cli@3.12.0  //安装指定版本号 的 vue-cli

npm install -g @vue/cli   //安装最新版本

npm install -g vue-cli       //安装2.9.6版本

注意:3.0以下版本不支持 vue ui命令开启界面管理

安装 webpack 打包工具:

继续安装webpack 这里我也是安装了指定版本号3.6.0,因为脚手架3依赖这个版本

npm install webpack@3.6.0 -g //指定3.6.0版本

npm install webpack -g //安装最新版本

这里基本的都已经安装完成了

测试安装是否成功

node -v   // 我的是 14.15.0

vue -V     // 我的是 5.0.8

webpack -v

测试一下能否运行成功 npm run serve

基于 vue-cli 构建 vue3 工程

vue create vue-admin

创建好之后我们按照提示 cd进入项目所在目录,然后3.0的脚手架是运行命令: npm run serve 如果你是用2.0脚手架运行命令就是 npm run dev

出现的问题:

问题一:安装vue脚手架,遇到Cannot find module ‘fs/promises’ 问题

查看 cnpm 的版本是否 >=8.2.0,高版本的cnpm无法在 13.14.0 的node 版本下使用,使用命令将 cnpm 降低版本即可。

# 查看cnmp版本
cnpm -v 

# 首先卸载已安装的 cnpm
npm uninstall -g cnpm

# 安装指定版本 cnpm
npm install cnpm@7.1.0 -g

问题二:NodeJs 版本与 Vue3 不匹配的情况:

由于开头选择的是 Win7 系统下最高版本 13.14.0 的 NodeJs,出现上述 NodeJs 版本与 Vue3 不匹配导致的情况,提示信息里描述将 NodeJs 降到 12.0.0 或者 提升到 14.0.0 及以上版本即可。

我是下载的 14.15.0 的  x64 zip 压缩包 解压之后 替换 的nodejs的安装目录

node14.15.0版本是需要匹配对应的npm版本 

在这里匹配安装的npm版本是6.14.8