Web前端最新npm进阶（一） npm i报错request to https registry(1)，前端开发方案

最后

编程基础的初级开发者，计算机科学专业的学生，以及平时没怎么利用过数据结构与算法的开发人员希望复习这些概念为下次技术面试做准备。或者想学习一些计算机科学的基本概念，以优化代码，提高编程技能。这份笔记都是可以作为参考的。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

如果执行npm install 时，出现以下错误：

是因为访问https://registry.npmjs.org这个地址需要翻墙才能访问，所以在国内经常会出现连接超时等问题。为了解决这个问题，可以将npm的源设置为国内的镜像例如淘宝镜像。
以下是设置淘宝镜像的方法：

方法一：

//将npm设置为淘宝镜像
npm config set registry http://registry.npmmirror.com
//输入上述命令后，npm就会将镜像源设置为淘宝镜像，可以一下命令来验证即查看npm镜像设置
npm config get registry
//如果输出结果为 https://registry http://registry.npmmirror.com/，则说明已经成功设置镜像源
//尝试重新执行，应该就能够成功安装了
npm install
//另外，如果不想全局设置 npm 的镜像源，也可以在执行 npm install 命令时指定镜像源，例如：
npm install --registry=https://registry.npmmirror.com

方法二：
在终端cmd

// 执行 nrm ls 查看所有可用的 registry
  C:\Users\测试>nrm ls
  npm ---------- https://registry.npmjs.org/
  yarn --------- https://registry.yarnpkg.com/
  tencent ------ https://mirrors.cloud.tencent.com/npm/
  cnpm --------- https://r.cnpmjs.org/
  taobao ------- https://registry.npmmirror.com/
  npmMirror ---- https://skimdb.npmjs.com/registry/
//执行nrm use taobao 切换到指定的 registry
C:\Users\测试>nrm use taobao
 SUCCESS  The registry has been changed to 'taobao'.

C:\Users\测试>nrm ls
  npm ---------- https://registry.npmjs.org/
  yarn --------- https://registry.yarnpkg.com/
  tencent ------ https://mirrors.cloud.tencent.com/npm/
  cnpm --------- https://r.cnpmjs.org/
\* taobao ------- https://registry.npmmirror.com/
  npmMirror ---- https://skimdb.npmjs.com/registry/

由于node安装插件是从国外服务器下载，受网络限制影响大，速度慢且可能出现异常。所以，（阿里巴巴旗下业务阿里云）干了这事。来自官网介绍：

这是一个完整 npmjs.org 镜像，可以用此代替官方版本(只读)，同步频率目前为 10分钟 一次以保证尽量与官方服务同步。

也就是说，我们可以使用阿里布置在国内的服务器来进行node安装。

二、使用方法

1. 使用阿里定制的 cnpm 命令行工具代替默认的 npm，输入下面代码进行安装：

npm install -g cnpm --registry=https://registry.npm.taobao.org

2. 检测cnpm版本，如果安装成功可以看到cnpm的基本信息。

cnpm -v

3. 以后安装插件只需要使用cnpm intall即可。

假如已经习惯了npm install的安装方式，不想去下载阿里的cnpm命令工具的话，将命令变成cnpm怎么办？很容易我们想到，直接将node仓库地址改成淘宝镜像的仓库地址不就好了吗？

单次生效

npm install --registry=https://registry.npm.taobao.org

永久生效
设置成全局的下载镜像站点，这样每次install的时候就不用加--registry，默认会从淘宝镜像下载，设置方法如下：

1. 打开.npmrc文件（nodejs\node_modules\npm\npmrc，没有的话可以使用git命令行建一个( touch .npmrc)，用cmd命令创建会报错）；
2. 增加 registry =https://registry.npm.taobao.org 即可。

也可以按如下方式直接在命令行设置：

npm config set registry http://xx.xx.xx.xx:xxxx/repository/test\_npm

检测是否成功

// 配置后可通过下面方式来验证是否成功
npm config get registry
// 或
npm info express

react和vue的比较

相同
1）vitual dom
2）组件化
3）props，单一数据流

不同点
1）react是jsx和模板；（jsx可以进行更多的js逻辑和操作）
2）状态管理（react）
3）对象属性（vue）
4）vue：view——medol之间双向绑定
5）vue：组件之间的通信（props，callback，emit）

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】**

[外链图片转存中…(img-L5nlPCT9-1715197697740)]

[外链图片转存中…(img-DmHD5CII-1715197697740)]