详解npm和cnpm混用的坑

目录
  • 起因
  • 原因
  • 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传送门

到此这篇关于详解npm和cnpm混用的坑的文章就介绍到这了,更多相关npm和cnpm混用内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!

(0)

相关推荐

  • 简单了解node npm cnpm的具体使用方法

    一.nodeJs 1.node介绍 nodeJs是基于Chrome v8的js运行环境,简单的说, 就是运行在服务端的 JavaScript.不懂得像PHP.Python或Ruby等动态编程语言又想创建自己的服务(例如:前端程序员),Node.js是一个非常好的选择. 2.node安装.更新 如果你所使用的 node 版本已不再被官方支持(Node 0.4.0.6.0.10 和 iojs 都已不再被官方支持)或者是非稳定版(版本号为奇数,如 0.7.x.0.9.x  等),并且在使用过程中遇到了

  • cnpm不是内部命令的解决方案:配置环境变量【推荐】

    安装淘宝镜像: 要安装Angular4.于是我对着一股浓郁口音的视频开启了Angular4安装之旅.那口音说了,ang哥乐4不是那么好装的,由于我国的墙,所以我们要通过淘宝的镜像去安装. 于是先安装淘宝镜像,cnpm.这个百度一大堆. npm install -g cnpm --registry=https://registry.npm.taobao.org 安装完了之后检查是否安装成功. cnpm -v 若果出现以下东西说明安装成功. C:\Users\WenCh> cnpm -vcnpm@5

  • windows实现npm和cnpm安装步骤

    一.什么是npm和cnpm npm(node package manager):nodejs的包管理器,用于node插件管理(包括安装.卸载.管理依赖等) cnpm:因为npm安装插件是从国外服务器下载,受网络的影响比较大,可能会出现异常,如果npm的服务器在中国就好了,所以我们乐于分享的淘宝团队干了这事.来自官网:"这是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步." 二.安装nodejs 1.首先前往no

  • 关于Mac下安装nodejs、npm和cnpm的教程

    今天新配置了macbook-pro-所以之前的环境都要重新配置所以记录一下免得以后忘记了 首先是打开node官网 nodejs 然后你会看见如下图片 点击上面的任何一个都可以完成下载,下载完成之后找到文件,一路确定傻瓜式安装,到底然后就OK了. 下面来测试下是否安装成功: 打开Mac下的终端输入:node -v 会出现版本号就说明成功了: 这样就说明安装成功了,下面在终端输入npm -v 如果出来版本号如下图所示: 这样就大功告成了. 但是毕竟npm安装一些东西还是太慢了所以呢建议大家安装cnp

  • 如何能分清npm cnpm npx nvm

    用过 npm cnpm吗?知道 npx nvm 吗? 唔~ npm npm 的全称是 Node Package Manager 是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具,在安装的 nodejs 的时候,npm 会跟着一起安装.通过 npm 可以安装.共享.分发代码,管理项目依赖关系. 常用命令: npm -v 显示版本,检查npm 是否正确安装 npm help 可查看某条命令的详细帮助,例如npm help install npm list -g

  • 详解npm和cnpm混用的坑

    目录 起因 原因 NPM介绍: CNPM介绍: 更好的方式 方式改进 有没有遇到过npm和cnpm一起用的时候出现奇奇怪怪的问题呢? 有没有遇到过cnpm在支付宝小程序上面安装包无效?他们真的只是切换一个请求源吗? 我相信很多小伙伴使用cnpm的目的都很简单,那就是为了更快的下载东西,他会把请求源换成https://registry.npm.taobao.org 于是,我们就 npm install -g cnpm --registry=https://registry.npm.taobao.o

  • 详解Java 集合类 List 的那些坑

    现在的一些高级编程语言都会提供各种开箱即用的数据结构的实现,像 Java 编程语言的集合框架中就提供了各种实现,集合类包含 Map 和 Collection 两个大类,其中 Collection 下面的 List 列表是我们经常使用的集合类之一,很多的业务代码都离不开它,今天就来看看 List 列表的一些坑. 第一个坑:Arrays.asList 方法返回的 List 不支持增加.删除操作 例如我们执行以下代码: List<String> strings = Arrays.asList(&qu

  • 详解记录MySQL中lower_case_table_names的坑

    1 起因 项目迁移数据库, 重新启动后, 报错"T_AAA表不存在", 但数据库中可以查看到该表并有数据 2 问题分析 通过重装系统与数据库, 确认系统与数据库纯净, 排除系统和数据库的原因 使用同一方式恢复两天前和一天前的数据备份, 同样不能启动项目, 排除数据内容的原因 使用mysqldump和导出SQL文件两种方式, 恢复一天前的数据, 同样不能启动项目, 排除恢复方式的原因 以上方式基本是运维人员参与, 等技术总监参与观察项目报错后, 猛然发现是表名大小写的问题, 通过测试最终

  • 详解redis分布式锁的这些坑

    一.白话分布式 什么是分布式,用最简单的话来说,就是为了较低单个服务器的压力,将功能分布在不同的机器上面,本来一个程序员可以完成一个项目:需求->设计->编码->测试 但是项目多的时候,一个人也扛不住,这就需要不同的人进行分工合作了 这就是一个简单的分布式协同工作了: 二.分布式锁 首先看一个问题,如果说某个环节被终止或者别侵占,就会发生不可知的事情 这就会出现,设计好的或者设计的半成品会被破坏,导致后面环节出错: 这时候,我们就需要引入分布式锁的概念: 何为分布式锁 当在分布式模型下,

  • 详解element-ui 组件el-autocomplete使用踩坑记录

    项目遇到一个比较麻烦的需求,保存用户填写的历史记录,项目使用的element-ui,自然就使用了el-autocomplete组件,然后就是各种踩坑,以下记录以下写代码过程中遇到的问题 createFilter(queryString, filed) { console.log("createFilter==" + queryString) return (item) => { switch (filed) { case 'cardNum': break case 'cardPa

  • 详解npm 配置项registry修改为淘宝镜像

    在使用npm 的过程中,搜索网上的资料基本上可以看到类似如下的描述:"npm是国外的,使用起来比较慢,我们这里使用淘宝的cnpm镜像".初体验,不知道淘宝cnpm镜像为何物.根据这句描述,我们应该可以理解有2件事要做: 1:找到淘宝的镜像地址: 2:更改当前npm所使用的下载包服务器地址: 打开https://npm.taobao.org/ 上面的地址太多,根本不知道那个是我可以用的地址: 百度看了一下,例如执行下面的指令就可以使用cnpm利用国内镜像服务了: npm install

  • 详解vue中使用protobuf踩坑记

    官方解释为: Protocol buffers are a flexible, efficient, automated mechanism for serializing structured data – think XML, but smaller, faster, and simpler. You define how you want your data to be structured once, then you can use special generated source c

  • 详解Ubuntu安装angular-cli遇到的坑

    环境:ubuntu16.04 按照官方文档的要求,跟着进行angular-cli的安装,但是我们知道,环境这种东西有时候很容易配置,有时候就会闹脾气,而且不同的操作系统,出现的问题也不尽相同.今天安装了一下,踩了几个坑,在这里跟大家分享一下. 更新nodejs,npm 根据官方的教程要求: Verify that you are running at least Node.js version 8.x or greater and npm version 5.x or greater by ru

  • 详解小程序循环require之坑

    1. 循环require 在JavaScript中,模块之间可能出现相互引用的情况,例如现在有三个模块,他们之间的相互引用关系如下,大致的引用关系可以表示为 A -> B -> C -> A,要完成模块A,它依赖于模块C,但是模块C反过来又依赖于模块A,此时就出现了循环require. // a.js const B = require('./b.js'); console.log('B in A', B); const A = { name: 'A', childName: B.nam

  • 详解nginx basic auth配置踩坑记

    nginx的basic auth配置由ngx_http_auth_basic_module模块提供,对HTTP Basic Authentication协议进行了支持,用户可通过该配置设置用户名和密码对web站点进行简单的访问控制. basic auth配置示例: location / { auth_basic "closed site"; auth_basic_user_file conf/htpasswd; } 说明: auth_basic可设置为off或其它字符串,为off时表示

随机推荐