目录

情景再现

产生原因

分析问题

解决方案 

---

情景再现

产生原因

创建vue2.x项目时选用手动配置项目依赖时如果CSS样式器选择的是(with node-sass)就会报出上面的错误

分析问题

首先我们大体理一下思路,目前可以确定的是能到这一步证明我们项目已经创建"成功"了只是编译失败了,那么编译失败就很好理解了其大的方向就两点

①程序本身存在语法错误或语义错误

②编译环境存在问题导致无法编译(常见的就是缺少相关依赖和插件)

经过我一顿机器学习后库😭产生出的结论就是,安装Node.js时有一个页面被我忽略了(像我这种爱钻研一个东西的基础原理的人"一般"是都会认真阅读说明书和弄明白向导式操作每一个选项的意义的)但是问题就出在了这次他这个页面他不是必选项且我看隐约看到了C/C++字样本能的以为和我要用的东西无关，没曾想就是这个本能的以为让我最后差点崩溃在我的机器前。不啰嗦了直接出解决方案

解决方案 

1.下载安装node.js时最后一定要选择自动安装编译本地模块所需的工具(手动下载难度略大)

 想尝试手动下载相关编译工具的伙伴们可以去参考图上Github上的文章

上面那个选项说的很明白了如果采用自动安装那么也必然会安装Chocolatey,（有想详细了解Chocolatey的小伙伴可以点进去链接查看）那么安装Chocolate是采用了远程脚本的一种方式且会在Windows PowerShell中进行，而使用PowerShell首先必须确保Get-ExecutionPolicy不受限制。（建议使用Bypass绕过该策略来安装或AllSigned安全性更高） 因为windows PowerShell的执行策略默认是禁止运行脚本的所以我们需要修改组策略。有关详细信息，请参阅 Windows PowerShell

首先运行Get-ExecutionPolicy

如果返回Restricted，则运行Set-ExecutionPolicy AllSigned或Set-ExecutionPolicy Bypass

 切记！！！必须执行策略允许运行脚本才可以执行node.js的自动安装不然会安装失败

安装过程大致30分钟？部分过程截图如下

 不要中途断网或者退出 等软件运行完会提示你输入回车以退出窗口

 编译环境安装结束后我们安装vue的脚手架，稍微拓展一下

安装3以下版本的脚手架，输入npm install -g vue-cli@版本号
安装3以上版本的脚手架，输入npm install -g @vue/cli@版本号

我安装的是最新版所以是npm install -g @vue/cli  (-g≈-global的意义是配置成全局)

就像我们输入npm list 和npm list -global 所看到的插件依赖是不一样的，而我没有更换淘宝镜像是从Github上下载所以有点慢(没更换是因为网上有的文章说淘宝镜像)

 

 到此你是否以为已经可以成功的创建项目了 别急，如果你现在创建基于with node-sass的CSS样式器的话还报错，(顺带提一嘴CSS样式选择器中的with node-sass和with dart-sass的区别好像是node-sass是实时编译而dart-sass是保存后才会生效)

 接着刚才的说，那么如果直接创建会报一个什么错呢，请看图

 首先他报了一个找不到Python2的错误其次还有我们的“老朋友”，这里这个python3.10是因为node.js的自动安装工具给我们自动安的,我们先不管下面那个因为一般错误都是自上而下引起的所以先解决上面那个not found python2的问题

如果缺少python2.7支持那么需要安装windows-build-tools，注意要在Windows PowerShell(管理员)中输入以下命令，如果在普通cmd或cmd(管理员)中运行会报错

npm install --global --production windows-build-tools

 最后下载的过程会卡在Successfully installed Python 2.7（据悉是因为这个包自身的问题）

解决办法：

在运行窗口输入（win+R）%tmp%，然后在打开的目录中新建一个dd_client_.log文件并往里写入Closing installer. Return code: 3010

等python27下载完毕后 你就可以执行vue create ProjectName（创建过程比别人的多好多东西，但是我emmm）

 

 至此，python.EXE -c import sys; print "%s.%s.%s" % sys.version_info[:3] 错误以成功解决