安装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
评论(0)