详解npm和cnpm混用的坑
有没有遇到过npm和cnpm一起用的时候出现奇奇怪怪的问题呢? 有没有遇到过cnpm在支付宝小程序上面安装包无效?他们真的只是切换一个请求源吗?
我相信很多小伙伴使用cnpm的目的都很简单,那就是为了更快的下载东西,他会把请求源换成
于是,我们就
然后用cnpm代替npm,而一旦这样玩了,就与出现上面说的那些问题,只是可能一时间发现不了。
(除此之外,还有cnpm里面再去执行.npmrc的情况,这时候就算用cnpm也会很慢)
起因
我npm安装一个东西,然后发现,之前的都出问题了,我一下子慌了,我只是install而已,怎么会修改之前的东西呢。于是认真审视这个问题,然后没找到,于是问大佬去了。
原因
lingo大佬的回复
因为cnpm默认使用的是软链接,会导致npm安装后,更新了之前的cnpm包,然后之前的cnpm引入就会gg了,于是,gg了一大堆东西。
那么我们可以发现,原因在于cnpm本身,如果我们不用它问题就解决了
那么最简单的办法就是使用npm install <一些参数> --registry=https://registry.npm.taobao.org
这样就很完美了,但是这样又很麻烦
这时候可以升级下,用nrm
npm介绍:
说明:npm(节点包管理器)是的nodejs的包管理器,用于节点插件管理(包括安装,卸载,管理依赖等)
使用npm安装插件:命令提示符执行npm install <name> [-g] [--save-dev]
<name>:节点插件名称。
例:npm install gulp-less --save-dev
-g:全局安装。 将会安装在c:\ users \ administrator \ appdata \ roaming \ npm,并且写入系统环境变量;非全局安装:将会安装在当前定位目录;全局安装可以通过命令行任何地方调用它,本地安装将安装在定位目录的node_modules文件夹下,通过要求()调用;
--save:将保存至的package.json(的package.json是的nodejs项目配置文件)
-dev;:保存至的package.json的devdependencies节点,不指定-dev将保存至依赖节点
为什么要保存至的的package.json?因为节点插件包相对来说非常庞大,所以不加入版本管理,将配置信息写入的的package.json并将其加入版本管理,其他开发者对应下载即可(命令提示符执行npm install,则会根据package.json下载所有需要的包)。
6. 使用 npm 卸载插件: npm uninstall <name> [ -g ] [ --save-dev ]
7. 使用 npm 更新插件: npm update <name> [ -g ] [ --save-dev ]
8. 更新全部插件: npm update [ --save-dev ]
9. 查看 npm帮助: npm帮助
10.查看当前目录已安装插件:npm list
cnpm介绍:
说明:因为谷歌安装插件是从国外服务器下载,受网络影响大,可能出现异常,如果谷歌的服务器在中国就好了,所以我们乐于分享的淘宝团队干了这事来自官网:“这是一个完整npmjs.org镜像,你可以用此代替官方版本(只读),同步频率目前为10分钟一次以保证尽量与官方服务同步“。
官方网址:
安装:命令提示符执行npm install cnpm -g --registry=https://registry.npm.taobao.org
注意:安装完后最好查看其版本cnpm -v或关闭命令提示符重新打开,安装完直接使用有可能会出现错误
注:cnpm跟npm用法完全一致,只是在执行命令时将谷歌改为cnpm。
更好的方式
然后就可以愉快用npm快速下载了。
-- 故事还没完 --
这时候,如果已经项目用了cnpm怎么办?
方式改进
这样就可以了,cnpm和npm就不会冲突了, 例如cnpm i --by=npm react
原因
cnpm using npminstall by default. if you don't like symlink mode for node_modules, you can change the installer to original npm. but you will lose the fastest install speed.
到此这篇关于详解npm和cnpm混用的坑的文章就介绍到这了,更多相关npm和cnpm混用内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!
推荐阅读
-
详解安装mitmproxy以及遇到的坑和简单用法
-
那些年我们对npm 和 cnpm 的误区
-
npm script 的文件监听和自动刷新的命令详解
-
关于Mac下安装nodejs、npm和cnpm的教程
-
详解pyqt5的UI中嵌入matplotlib图形并实时刷新(挖坑和填坑)
-
vue和webpack项目构建过程常用的npm命令详解
-
npm安装参数中的--save-dev和--save详解
-
详解node.js中的npm和webpack配置方法
-
利用Qt/C++在腾讯云/阿里云服务器搭建TCP/IP协议实现网络通信以及Qt在linux下的安装和程序打包踩坑(详解)
-
详解MySQL中timestamp和datetime时区问题导致做DTS遇到的坑