安装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