前端

## 前言

当你在使用Node.js和npm（Node Package Manager）时，你可能会遇到一些配置问题。例如，如何设置代理？如何设置不同的包仓库（registry）地址？这些问题的答案通常可以在 `.npmrc`文件中找到。

这篇文章将会向你介绍 `.npmrc`文件的作用，并指导你如何使用它来优化你的Node.js项目。

## 什么是 `.npmrc`文件？

`.npmrc`文件是一个配置文件，它为npm命令行客户端存储了一系列的设置和变量。这些设置可以控制npm的行为，比如安装包时的速度和方式、权限等等。这个文件可以存在于多个位置，它们的优先级从高到低如下：

1. **项目级**（在项目的根目录下）
2. **用户级**（通常位于用户的家目录 `~/.npmrc`）
3. **全局级**（通常位于 `/etc/npmrc`或npm安装目录下）
4. **npm内置配置文件**

不同的配置级别允许你对不同的工作环境进行个性化设置。

## `.npmrc`的作用

让我们来看一些 `.npmrc`文件的具体作用：

### 设置私有仓库

如果你在团队中工作，可能需要使用私有npm仓库来分享和重用代码。`.npmrc`文件可以帮助你设置这样的仓库地址：

```
registry=http://my-private-registry.domain.com
```

### 使用环境变量

在 `.npmrc`文件中，你可以利用环境变量来设置特定的配置项：

```
email=${NPM_EMAIL}
```

这样在执行npm命令时，会自动使用环境变量 `NPM_EMAIL`的值。

### 设置代理

如果你的网络环境需要通过代理才能访问外部网络，`.npmrc`可以帮你设置代理：

```
proxy=http://localhost:3128
https-proxy=https://localhost:3128
```

### 自定义命令行输出

npm提供了丰富的日志信息，你可以通过 `.npmrc`文件来调整日志的冗余度：

```
loglevel=warn
```

这个配置将只显示警告级别以上的日志信息。

### 其他常见配置

- **save-exact**：设置为true时，安装包时将会精确记录其版本号。
- **metrics-registry**：指定发送npm使用情况数据的服务器地址。
- **prefix**：当全局安装npm包时，设置包的安装位置。

## 怎样创建和编辑 `.npmrc`文件？

创建和编辑 `.npmrc`文件非常简单。你可以使用任何文本编辑器手动创建或修改它，或者使用npm命令行工具进行配置。

比如，你要设置save-exact为true，可以在终端运行：

```sh
npm config set save-exact true
```

这将自动更新你的用户级 `.npmrc`文件。

## 实战：配置一个项目级 `.npmrc`

让我们一起来配置一个项目级的 `.npmrc`文件。以下是一个简单的步骤指南：

1. 在你的项目根目录下创建一个 `.npmrc`文件。
2. 添加一些项目特有的配置，比如：

```bash
save-exact=true
registry=https://registry.npmjs.org/
```

3. 保存文件。
4. 当你运行npm安装命令时，npm将会使用这些配置。

## 总结

`.npmrc`文件是npm生态系统中一个非常强大的工具，它允许你定制和优化你的包管理经验。通过对这个文件的合理配置，你可以解决网络问题、提升效率、确保你的项目依赖关系的一致,性，甚至增强私有性和安全性。理解并学会使用 `.npmrc`文件，你的前端开发工作将会变得更加顺畅。


当你在使用Node.js和npm（NodePackageManager）时，你可能会遇到一些配置问题。例如，如何设置代理？如何设置不同的包仓库（registry）地址？这些问题的答案通常可以在.npmrc文件中找到。这篇文章将会向你介绍.npmrc文件的作用，并指导你如何使用它来优化你的Node.js项目。什么是.npmrc文件？.npmrc文件是一个配置文件，它为npm命令行客户端存储了一系列的

.npmrc文件：理解 .npmrc 的作用和如何使用 .npmrc

## 背景

在我们开始探讨如何使用nrm之前，让我们首先来解释一下npm和nrm是什么，以及为什么开发者需要使用这样的工具。

npm (node package manager) 是一个Node.js包管理器，可以用于安装、共享和分发代码，管理项目的依赖关系等。

npm有一些默认的注册源，比如npm官方源和淘宝npm镜像等，但是使用的时候可能会遇到各种问题，比如，官方源经常会出现无响应问题，而淘宝npm镜像虽然很好，但是并不始终保持最新。这两个问题让开发者苦恼，这个时候nrm就派上用场了。

## 如何切换NPM registry源

由于各种原因，JavaScript开发者需要不同的NPM源之间经常切换。我们一起看看如何设置NPM registry源。

1. 查看当前源：

```shell
npm config get registry
```

1. 设置源：这里以设置npm源为淘宝npm镜像（**`https://registry.npm.taobao.org`**）为例。

```shell
shell复制代码
npm config set registry https://registry.npm.taobao.org
```

1. 永久设置源：这个和设置源的命令是一样的，都是永久性的修改设置。如果你想修改当前项目的npm源地址，而不影响全局设置，可以通过在项目根目录下添加 **`.npmrc`** 文件来实现。在这个文件中输入 **`registry=https://registry.npm.taobao.org`** 就可以只改变当前项目的npm源。
2. 如果你想临时使用某个源安装包，可以在安装命令后面加上 **`-registry`** 参数。比如我们要临时用官方源（**`https://registry.npmjs.org/`**）来安装 express：

```shell
npm install express --registry https://registry.npmjs.org/
```

开发者通过命令行去管理NPM源，是一件复杂且重复的事情，我们应该借助工具来简化这个流程。然后NRM来了。

## NRM是什么

**nrm (npm registry manager)** 是一个管理和切换npm源的工具，可以帮助我们方便地在不同的源之间来回切换。

npm的源是存放node.js的包(repositories)的服务器，有时我们可能需要切换到不同地区的源去获取包，以提高下载速度或是解决某些包在某些源上无法下载的问题。

它提供了一些最常用的源供用户选择，也允许用户自定义源，因此，开发者可以根据个人情况，自由、快捷地切换使用的npm源。

## NRM使用方式

1. 全局安装nrm：

```shell
npm install -g nrm
```

1. 使用nrm列出所有可使用的源：

```shell
nrm ls
```

您将看到一些如下的输出：

```text
npm ---- https://registry.npmjs.org/
cnpm --- http://r.cnpmjs.org/
rednpm - http://registry.mirror.cqupt.edu.cn
npmMirror  https://skimdb.npmjs.com/registry
edunpm - http://registry.enpmjs.org/
```

1. 切换到一个您想使用的源：

```text
nrm use cnpm
```

这样就将源切换到了淘宝的源。

1. 添加和删除源

   如果您需要使用的源nrm中没有，或者您不再需要某个源了，你可以使用如下命令添加和删除源。

   4.1 **添加源**

   ```text
   shell复制代码
   nrm add <registry> <url> [home]
   ```

   4.2 **删除源**

   ```text
   nrm del <registry>
   ```
2. 测试源的响应速度：使用**`nrm test`**可以测试当前网络下各个源的响应速度：

```text
nrm test
```

### 总结

nrm是一个极为方便的工具，能够帮助开发者轻松切换npm源，以应对不同的需要或是解决各式各样的问题，无论你何时需要，都可以轻松切换过去，这无疑能进一步提高你的开发效率。


在我们开始探讨如何使用nrm之前，让我们首先来解释一下npm和nrm是什么，以及为什么开发者需要使用这样的工具。npm(nodepackagemanager)是一个Node.js包管理器，可以用于安装、共享和分发代码，管理项目的依赖关系等。npm有一些默认的注册源，比如npm官方源和淘宝npm镜像等，但是使用的时候可能会遇到各种问题，比如，官方源经常会出现无响应问题，而淘宝npm镜像虽然很好，

提效神器：使用NRM切换和管理众多的NPM registry 源

## 前言

无论你是公司的开发者，还是个人开发者，你可能都听说过或者使用过 npm，这是一个使用广泛的 JavaScript 包管理器。但是，你是否遇到过以下的问题：你需要一个私有的包存放地方，或者你需要在离线环境下使用包，或者你有一些需要测试的包不能上传到公共npm上。这时，你就可以选择 使用 Verdaccio 搭建一个自己私人的 npm 仓库。

## Verdaccio是什么？

**Verdaccio** 是一种轻量级、易于扩展的私有 npm 包管理仓库，它可以帮助你在本地或内部网络搭建自己的 npm 服务器。

我们可以使用Verdaccio来发布、管理 npm 包，并且与 npm 或 yarn 工具链进行集成。

## Verdaccio能够解决什么问题？

Verdaccio 可以帮你解决以下几种常见需求：

- **控制访问**

  不能所有的包都公开给大家，有的包只能为指定的用户或团队提供，Verdaccio 可以提供这个支持，让你可以控制哪些用户或团队可以访问特定的包。
- **离线环境下的使用**

  你可能会在没有网络，比如飞机或火车上的环境需要编写代码。Verdaccio 让你在离线环境下仍能安装你需要的包。
- **更短的构建时间**

  当你需要安装大量的包时，从远程公开服务器下载可能会花费很多时间，这时一个本地的 Verdaccio 服务器就能大大改善这个问题。
- **本地测试**

  在将包发布给更多用户使用之前，你可能希望在本地进行一些测试，Verdaccio 这个本地服务器提供了这个可能。

## Verdaccio 使用步骤

1. **安装 Verdaccio**

   使用 npm 或者 yarn 来安装 Verdaccio：

   ```shell
   npm install -g verdaccio
   ```

   或者

   ```shell
   yarn global add verdaccio
   ```
2. **运行 Verdaccio**

   在终端中，运行以下命令来启动 Verdaccio：

   ```shell
   verdaccio
   ```

   这个命令会启动 Verdaccio 服务器，默认URL地址是 [http://localhost:4873](http://localhost:4873/) 。
3. **将 npm 或 yarn 指向你的 Verdaccio 服务器：**

   将 Verdaccio 服务器设为默认的注册服务器，将来你使用 npm 或 yarn安装包时，都将从你的 Verdaccio 服务器安装。

   ```shell
   npm set registry <http://localhost:4873>

   yarn config set registry <http://localhost:4873>
   ```

现在，你的开发环境已经配置好了，可以使用 Verdaccio 来发布或安装 npm 包，享受私有、快速、离线的包管理环境。

## Verdaccio 的扩展性

**Verdaccio** 的另一个强大的特征是其易于扩展性，它通过插件系统提供了很高的定制性。以下是一些 Verdaccio 提供的插件种类：

1. **认证插件**

   允许我们将 Verdaccio 集成到各种认证服务中，例如 LDAP, OAuth 或其他的单点登录服务。
2. **存储插件**

   为包和用户元数据提供不同的持久性选项。这意味着你可以将 Verdaccio 配置为将数据存储在本地，或将其存储在云服务上。
3. **通知插件**

   允许你在特定的事件发生时，例如包被发布或者撤下时，进行自定义提醒，例如发送电子邮件，聊天消息等。

Verdaccio 提供了一个可扩展的架构，让你可以将其整合进任何环境和工作流程，使其成为一个适应多变业务需求的私有 npm 仓库服务。

## 总结

快速的安装时间，离线访问，访问控制，以及测试发布，都让 Verdaccio 成为一个强大的工具，能够满足开发团队和个人开发者对于 npm 包的要求。它的优点不仅在于便于管理和控制 npm 包的流通，还在于其高度可以扩展的架构，让开发者能够根据自身需求进行定制和扩展。


无论你是公司的开发者，还是个人开发者，你可能都听说过或者使用过npm，这是一个使用广泛的JavaScript包管理器。但是，你是否遇到过以下的问题：你需要一个私有的包存放地方，或者你需要在离线环境下使用包，或者你有一些需要测试的包不能上传到公共npm上。这时，你就可以选择使用Verdaccio搭建一个自己私人的npm仓库。Verdaccio是什么？Verdaccio是一种轻量级、易于扩展的私有np

基于 Verdaccio 构建自己的私有 npm 仓库

> 📌 NPM，全称是 Node Package Manager，NodeJS 包管理工具

当我们开始现代化前端项目开发时，总是会被告知需要提前安装NodeJS，而且NodeJS软件包不仅仅会在我们的开发设备上安装NodeJS运行环境，同时会附带NPM工具。

对于前端开发者而言，NPM是一个极其重要的工具，至于什么是NPM，NPM能够做什么，NPM为什么极其重要等等问题，本文会通过通俗易懂的语言来完成解释。

## 什么是 Node Package

当我们开始软件项目开发时，总会需要一些通用的与业务无关的工具方法，比如时间处理工具、接口请求工具等等，这些工具方法是完全可以提供给所有开发者使用的。

于是，有人将这些工具函数、或者资源等文件，按照符合开发语言的规范组装成一个完成的资源包，其他开发者通过某些途径拿到资源包，并且根本不需要关心资源包里面的工具函数是怎么实现的，只需要通过对应语言的资源引入指令引入资源包，并且调用其工具函数即可。

在JavaScript相关项目的开发中，package是由package.json文件和一堆其他的源码文件组件。其中package.json文件是必不可少的，它包含了包的名称、版本、构建、测试、依赖包等信息，以及包源代码文件位置定义。

## 什么是NPM

通过上面我们了解到开发者之间可以通过包的形式共享代码，但是如何完成资源包的管理呢？说到资源包的管理，我们谈一谈为什么需要管理？

首先我们思考下面几个问题

1. 当我需要包含某些功能的资源包时，我应该从哪儿找？
2. 当我想给其他开发者分享我写的工具函数或者资源，我应该将它放在哪儿？
3. 如果资源包有不同的版本，我应该如何判断应该用哪个版本？

对于所有的开发语言其实都会面临这些问题，一个方便实用的资源分享、管理平台是每个开发语言社区生态的基石。只有分享变得容易，开发者才更加愿意分享，喜欢分享的开发者越多，社区约活跃，遇到的问题可以找到成熟的解决方案，这样喜欢使用这个语言的人就会越多，然后更多的人会去参与分享。这是一个正反馈的循环，这种现象也被称为**飞轮效应**。而让这个轮子转起来的第一步就是一个成熟好用的包管理工具以及平台。

现在我们回到最初的问题：**什么是NPM，NPM能够做什么？**

NPM是JavaScript包管理工具，它方便开发者进行**代码复用**、**代码分析**、**项目依赖包管理**等。为了方便开发者之间共享JavaScript资源包，NPM官方提供了一个远程公共数据库平台：[https://www.npmjs.com/](https://www.npmjs.com/) 。

![Untitled.png](https://cdn.portal.levenx.com/levenx-world/XyVoGSUsaYVxxyUX.png)

JavaScript 开发者们可以在平台中搜索想要的资源包，同时也能够非常容易上传自己封装好的资源包。如果你也想向其他开发者共享你写的代码，后续我会输出一篇如何封装资源包以及上传到npm平台的教程。

## 其他选择

当我们真正的开始使用NPM进行JavaScript的依赖包的管理时你会发现，npm下载依赖包的速度非常感人，尤其是在中国。由于NPM官方数据库服务器在海外，JavaScript项目的依赖包整体动辄就1G+，所以中国开发者下载项目依赖包的时间会非常久。

### 不同的NPM下载地址

但是除了NPM官方提供的数据库，还有其他成熟的共享数据库可以使用，比如国内淘宝提供的NPM镜像数据库cnpm mirror。

下面列出常用的公开数据库地址

| **registry**   | 源地址                                                                                                    |  |
| -------------------- | --------------------------------------------------------------------------------------------------------- | - |
| npm registry（默认） | [**https://www.npmjs.com/**](https://www.npmjs.com/)                                                   |  |
| cnpm mirror          | [**https://registry.npmmirror.com**](https://registry.npmmirror.com/)                                  |  |
| tencent mirror       | [**http://mirrors.cloud.tencent.com/npm/**](http://mirrors.cloud.tencent.com/npm/)                     |  |
| huaweicloud mirror   | [**https://mirrors.huaweicloud.com/repository/npm/**](https://mirrors.huaweicloud.com/repository/npm/) |  |
| yarn registry        | [**https://registry.yarnpkg.com/**](https://registry.yarnpkg.com/)                                     |  |
| nodejitsu registry   | [**https://registry.nodejitsu.com/**](https://registry.nodejitsu.com/)                                 |  |

### 不同的包管理工具

- **npm**

  **`npm`**（**`Node Package Manager`**）是Node.js默认的包管理器，它与Node.js一起发布。npm的目标是帮助JavaScript开发人员轻松地分享和重用代码，它也是开发流行JavaScript库和应用程序的基础。
- **yarn**

  **`Yarn`**是Facebook于2016年发布的一款JavaScript包管理器，旨在弥补npm在性能和安全性方面的一些缺点。Yarn引入了 "lockfile" 概念，保证了你每次安装的准确性，并使用并行下载来优化性能。此外，它也引入了工作区特性，便于大型项目的管理
- **pnpm**

  **`pnpm`** 是另外一个JavaScript包管理器，它的主要卖点是它的高效性。**`pnpm`** 使用硬盘链接而不是复制来管理项目依赖，这可以极大地节省空间和安装时间。

关于这三个常用的包管理工具，后续会输出一篇包管理工具的发展历史和细节对比的文章。

## 思维发散

前面我说过，一个方便实用的资源分享、管理平台是每个开发语言社区生态的基石，所以目前市面上受欢迎的开发语言都提供了成熟的包管理工具及平台。当我们去学习一门新的开发语言时，能够理解为什么有各种不同的工具去安装依赖包。

| JavaScript | npm            |
| ---------- | -------------- |
| Java       | Maven / Gradle |
| Python     | pip / conda    |
| Go         | go modules     |
| Rust       | Cargo          |

## 总结

有人说，互联网行业之所以蓬勃发展，少不了开发者的分享精神推动。无数的开源项目和资源包，免费的学习资源，让这个行业有源源不断的新鲜血液注入和活跃的思想碰撞。

希望开发者们都能够热爱coding，热爱分享～


NPM，全称是NodePackageManager，NodeJS包管理工具当我们开始现代化前端项目开发时，总是会被告知需要提前安装NodeJS，而且NodeJS软件包不仅仅会在我们的开发设备上安装NodeJS运行环境，同时会附带NPM工具。对于前端开发者而言，NPM是一个极其重要的工具，至于什么是NPM，NPM能够做什么，NPM为什么极其重要等等问题，本文会通过通俗易懂的语言来完成解释。什么是

理论篇：NPM是什么以及为什么NPM如此重要？

NPM工具集汇总Node包名说明KoaKoa-routerKoa-statickoa-static-cachekoa-bodyparserkoa-bodykoa-sendKoa-viewkoa-compress压缩koa-etag协商缓存koa-conditional-get协商缓存koa-helmet头盔；防护帽,加强服务端防御koa-csrfCsrfKoa-corsCorskoa-sessio

.npmrc文件：理解 .npmrc 的作用和如何使用 .npmrc

.npmrc文件：理解 .npmrc 的作用和如何使用 .npmrc

提效神器：使用NRM切换和管理众多的NPM registry 源

提效神器：使用NRM切换和管理众多的NPM registry 源

基于 Verdaccio 构建自己的私有 npm 仓库

基于 Verdaccio 构建自己的私有 npm 仓库

理论篇：NPM是什么以及为什么NPM如此重要？

理论篇：NPM是什么以及为什么NPM如此重要？

npm 工具集汇总

npm 工具集汇总