Windows开发VUE怎么有这么多坑

前言

前端开发会遇到各种插件版本带来的问题,每次解决这种问题都很头疼,因为前端插件更新的实在太快,更新后还可能出现与其他插件不兼容,从而导致整个项目崩掉,此贴列出来的问题点都是我碰到过并解决掉的,也是想借此贴做个记录并分享给大家,帮助大家少走一些弯路

上干货

干货一

vue项目npm install时的条件

1.依赖时需要安装python2.7 2.根据项目package.json中"node-sass":"^4.14.1"选择需要安装的node版本node-sass低版本与高版本的node会有兼容性问题，导致安装失败。

亲测可用版本： node版本v14.18.1 node-sass版本^4.14.1

附node.js与node-sass版本对应表

如果图中没有你的版本,自己去官网查一下吧: github.com/sass/node-s…

安装时需要注意node-sass插件要带上版本号,否则会出现vc++不兼容问题 安装命令例子: npm i node-sass@4.14.1 --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/

网上对VC++问题有各种版本的解释,有一种说法是指定vs版本,让大家指定2015或2017啥的,我认为没什么用,有兴趣的网友可以自己试试,最主要是vs那东西太大不想装 此问题十分坑!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

干货二

npm install出现 MSBUILD : error MSB3428: 未能加载 Visual C++ 组件“VCBuild.exe”。

npm install出现 MSBUILD : error MSB3428: 未能加载 Visual C++ 组件“VCBuild.exe”。原因时缺少windows构建插件 请安装windows构建插件 npm install --global --production windows-build-tools（需要管理员cmd） 安装时如果卡在python2.7不动，请参考"干货三"

干货三

出现卡在Successfully installed Python 2.7时

npm install --global --production windows-build-tools 出现卡在Successfully installed Python 2.7时 npm安装windows-build-tools卡住，停在了Successfully installed Python 2.7 这个问题据说是这个包自身的bug 解决如下： 1、保证你安装了Visual Studio 2、在资源管理中搜索%temp% ，window系统按住win按键直接搜索就可以 3、在搜索到的文件夹%temp% 中创建dd_client_.log文件，并且填入内容Closing installer. Return code: 3010. 完成

electron备忘录： 补充：electron项目需要node的版本与electron有对应关系，实际上是node的NODE_MODULE_VERSION要和electron abi要对应，可以在这个地址查看下nodejs.org/zh-cn/downl…

干货四

npm install 报错 cb.apply is not a function

npm install 报错 cb.apply is not a function 解决： win + r 打开运行，输入%appdata% 删除npm和npm-cache文件夹 执行npm cache clean --force命令 此时应该就可以了，如果还不行，就执行卸载Node.js重新安装。 如果还是不行！！ 换yarn 安装yarn npm install -g yarn yarn install 代替 npm install 然后，就可以运行vue啦~

干货五

快速完全删除node_modules

此做法用于心烦意乱,重新梳理思路的时候

1.安装npm包–rimraf npm install rimraf -g 2.在cmd指令下，进入所需删除的node_modules文件夹的位置，再输入指令rimraf node_modules 3.等待删除完成

干货六

renrenfast问题点

项目启动,画面出现<% if (process.env.NODE_ENV === 'production') { %> <% }else { %> <% } %>

是由于vue项目想要在windows系统中运行要安装node-sass插件 安装node-sass插件时要注意node-sass与node的版本,不同node版本需要对应不同的node-sass插件 node-sass插件的安装和注意事项参考本文"干货一"

以上是我目前遇到的问题点整理,日后有新问题还会继续追加,如果觉得有用,麻烦收藏+点赞,小弟在这里先谢过各位看官老爷了