当前位置 博文首页 > 详解npm和cnpm混用的坑

    详解npm和cnpm混用的坑

    作者:正经修行人 时间:2021-09-06 19:06

    目录
    • 起因
    • 原因
    • 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.

    cnpm传送门

    jsjbwy
    下一篇:没有了