解决vue项目，运行npm install安装报缺少c++库问题

项目是前后端分离架构，前端使用的是vue框架，在部署前端项目时，需要下载安装一些基础的镜像配置，包括一些预处理，但是在使用npm install和yarn install命令时出现了如下错误，查阅资料总结如下：

1、前端项目部署之前，需要先准备两个环境：

安装Node.js：https://nodejs.org/en/download
安装Yarn：https://classic.yarnpkg.com/en/docs/install#windows-stable

2、报错问题

使用命令npm install安装插件，该命令会将package.json的devDependencies字段里的插件会被自动安装到node_modules下，但是报出了以下错误
在这里插入图片描述
使用命令yarn install --ignore-engines

3、错误原因

从上述可以看出报错是因为找不到Visual Studio编译环境，其实在此之前是找不到python编译环境。

找不到python编译环境

gyp ERR! stack Error: Could not find any Python installation to use

找不到Visual C++编译环境

gyp ERR! stack Error: Could not find any Visual Studio installation to use

npm安装工具底层依赖于Python和Visio Studio编译环境，出现上述情况大多情况下就是没有安装这两个编译环境，或者是版本不匹配造成的。以下是一些博主的知道安装博文，也可以自行在官网下载安装：

在windows上安装visual studio
python的安装
注意安装完成之后，需要将路径配置到环境变量中。如果你嫌麻烦也可以直接看下一步
解决方案
以管理员权限打开cmd，在项目目录下执行：npm install --global --production windows-build-tools

在这里插入图片描述
构建完成后，会在C:\Users\电脑用户名目录下创建.windows-build-tools文件夹

在这里插入图片描述
npm install --global --production windows-build-tools此命令的作用就是全局安装所需要的默认编译环境，python和VS。

此命令完成后，也必须配置环境变量，将

C:\Users**.windows-build-tools\python27
C:\Users**.windows-build-tools\Microsoft VS Code\bin
地址添加到path环境变量中。

如果经过上述操作还没有解决，其实我就是没有解决才总计到这一步的：

无奈之间我突然看到日志中的一个url：
我就点击去看了以下，顺便往下巴拉巴拉，突然看到了这个：
在这里插入图片描述

根据上述的猜测及推断，既然报错原因是：Error: Could not find any Visual Studio installation to use
那肯定是编译的时候找不到对应的Visual Studio版本路径，所以才无法使用报错。

我安装的VS是目前的最新版本2022，执行以下命令：

npm config set msvs_version 2022

这次我信誓旦旦的重新npm install和yarn install --ignore-engines，结果再次打脸，现实淹没理想就是这么快，依然报一样的错误，心态有点蹦了！！！

我想了很久，该安装的环境我都安装了，也没有亏待它，到底是哪出错了！！！

我不自觉的点了根烟，唏嘘着，回忆着这一天一步步的bug和坑。

这次我又突然想到，刚才上述执行命令npm install --global --production windows-build-tools时，默认下载的python安装包是2.7，而我本地安装的是最新版本3.10，报错日志中找不到Visual Studio，默认2017和2015版本的，而我本地安装的是最新2022版本的。

然后我就赶紧找相关资料，发现部分npm组件在安装时只支持python2.X版本，而系统默认的是python3.X，而我恰巧安装的也是python3.X，Visual Studio2019和2015、2017的差距不是很大，但是最好不要用最新版的，因为很多组件都是中期版本，不算太老，但是很多时候也不能兼容最新版本。

既然这些环境的版本受限制，那么nodejs估计也会受一定的影响，我本地安装的是14.X的相对也是较高的，所以我也趁着将nodejs降低版本重新安装，采用12.X的。