JavaScript
详解npm和cnpm混用的坑
有没有遇到过npm和cnpm一起用的时候出现奇奇怪怪的问题呢? 有没有遇到过cnpm在支付宝小程序上面安装包无效?他们真的只是切换一个请求源吗?
我相信很多小伙伴使用cnpm的目的都很简单,那就是为了更快的下载东西,他会把请求源换成https://registry.npm.taobao.org
于是,我们就
npm install -g cnpm --registry=https://registry.npm.taobao.org
然后用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分钟一次以保证尽量与官方服务同步“。
官方网址:http://npm.taobao.org
安装:命令提示符执行npm install cnpm -g --registry=https://registry.npm.taobao.org
注意:安装完后最好查看其版本cnpm -v或关闭命令提示符重新打开,安装完直接使用有可能会出现错误
注:CNPM跟NPM用法完全一致,只是在执行命令时将谷歌改为CNPM。
更好的方式
npm install -g nrm nrm use cnpm
然后就可以愉快用npm快速下载了。
nrm
-- 故事还没完 --
这时候,如果已经项目用了cnpm怎么办?
方式改进
cnpm i --by=npm
这样就可以了,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混用内容请搜索 以前的文章或继续浏览下面的相关文章希望大家以后多多支持 !