--- theme: cyanosis --- **这是我参与更文挑战的第9天，活动详情查看**： [**更文挑战**](https://juejin.cn/post/6967194882926444557) ## npm相关知识点 ![npm私服搭建 (1).png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/06d541acb7b145a4b30c7305cd086184~tplv-k3u1fbpfcp-zoom-1.image)

## 环境准备 Nexus 3.2.1 需要JDK8，如果没有JDK，需要先到oracle官网上去下载
Nexus 下载地址：[http://www.sonatype.org/nexus/](http://www.sonatype.org/nexus/)

### 我的版本 nexus-3.20.1-01-unix.tar.gz
没有vpn的话可以使用我的网盘资源：
链接: [https://pan.baidu.com/s/1R92qImWlwTdNg-kVHbr29g](https://pan.baidu.com/s/1R92qImWlwTdNg-kVHbr29g) 密码: clct

## 环境搭建 ### 解压： ```bash tar xvfz nexus-3.2.1-01-unix.tar.gz ``` ![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/b82f835c52f848a1acc438aa49ba3230~tplv-k3u1fbpfcp-zoom-1.image) ### 启动： ```bash ./nexus-3.20.1-01/bin/nexus start ``` ### 查看日志 ```bash tail -f sonatype-work/nexus3/log/nexus.log ``` ![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/46e6e347c63246ee8925f17a1af8d005~tplv-k3u1fbpfcp-zoom-1.image)
从图中可以看到对应的端口为8081。

## 访问前端页面 domain + 端口访问【8081】访问页面。
![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/254c1069129c4a5e94e353b96f952fdd~tplv-k3u1fbpfcp-zoom-1.image) ```bash cd /sonatype-work/nexus3 ``` 内部有一个初始密码文件**admin.password**，这个密码将用来进行第一次登陆的密码，用户名是admin，在我们登录界面重新设定密码之后，这个文件会消失。然后我们设置一下密码就好，登录到系统内部。

## 创建存储空间（如果使用默认的存储空间，此步骤可省略） ![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/c54f70adc8ac401092f064c75748e851~tplv-k3u1fbpfcp-zoom-1.image)![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/ea6c48f7d5834d6ea6ba9cbec4b39498~tplv-k3u1fbpfcp-zoom-1.image)![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/aaab7d08a785435aaa010edfdcc06d83~tplv-k3u1fbpfcp-zoom-1.image)![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/9469b959cc974ce8bba5a1c25def12dd~tplv-k3u1fbpfcp-zoom-1.image)
![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/09c82b583eeb45d08ebae2926d125a96~tplv-k3u1fbpfcp-zoom-1.image)![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/e714099784874507bffbcdca99d9c512~tplv-k3u1fbpfcp-zoom-1.image)

## 创建仓库 ### 仓库类型 - hosted（私有仓库）：用于发布个人开发的npm组件 - proxy（代理仓库）：可以代理npm和淘宝镜像 - group（组合仓库）：对外公开的仓库，集合了hosted和proxy ### registry类型 ![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/ed2fdd94062443958297ae8a3a63ce11~tplv-k3u1fbpfcp-zoom-1.image)
### 创建Hosted npm Registries 私有仓库 ![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/2b64ce49226b48708f54d1e73aaa3ec0~tplv-k3u1fbpfcp-zoom-1.image)![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/fb7150f598ee4c5b8db150afa4155aeb~tplv-k3u1fbpfcp-zoom-1.image) ### 创建 Proxy npm Registries 代理仓库 ![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/6c4ea341ab8f4654a9eb491faf61ec23~tplv-k3u1fbpfcp-zoom-1.image)![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/c5d92657922e4769b99c05bb2686e097~tplv-k3u1fbpfcp-zoom-1.image) ### 创建 Group npm Registries 组合仓库 ![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/40421784a37a4d4c8a9fe2fe0ef5c382~tplv-k3u1fbpfcp-zoom-1.image)
注意：选择要包括的仓库，越靠上优先级越高，如果私有仓库在上，用户下载npm包的时候会优先下载私有仓库中的，如果私有仓库没有再去代理仓库中下载。

### 完成之后创建的三个npm私服库 ## ![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/5f3fb949d7fa498eb1dff7919938d66a~tplv-k3u1fbpfcp-zoom-1.image)![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/ede692d2209340c3af0e62dfdabf8559~tplv-k3u1fbpfcp-zoom-1.image)
创建用户，设置权限（用于发布npm包） ![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/e3afe60b316d4010981b98774b88c4bc~tplv-k3u1fbpfcp-zoom-1.image)![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/248249df51eb4613bb2c71e056d7b661~tplv-k3u1fbpfcp-zoom-1.image) **用户的状态值一定是Active**
![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/7303f61df14d490aa093e576a601f6f0~tplv-k3u1fbpfcp-zoom-1.image)![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/5a737c7aee114daa92e943bfaa8a6303~tplv-k3u1fbpfcp-zoom-1.image)
**设置权限，这一步如果不设置，是不能发布自己的npm包的**
![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/efa7e31f9be94a2885918327191f605e~tplv-k3u1fbpfcp-zoom-1.image)

## 用户端使用私服发布私服npm ### 用户端设置npm的registry为group仓库 ![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/350a6a85053b48c0896cf25534a566cb~tplv-k3u1fbpfcp-zoom-1.image)
我本地使用nrm管理npm源。 ```bash nrm add rofo http://localhost:8081/repository/rofo-npm-group/ nrm use rofo ``` ![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/7b45d1b3286c419bbc5958a6235bdcb0~tplv-k3u1fbpfcp-zoom-1.image)
![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/490b605c916241d99dc7ab4c62cee647~tplv-k3u1fbpfcp-zoom-1.image) ### 用户登录账号 ```bash npm login -registry=http://localhost:8081/repository/rofo-npm-hosted/ ``` 输入用户名，密码，邮箱
![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/15a8f6d6aef44451a34894445027291c~tplv-k3u1fbpfcp-zoom-1.image)![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/9dcb55e9a2024784a028d394987dd816~tplv-k3u1fbpfcp-zoom-1.image) ### 用户端发布自己的npm包到私服 ```bash npm publish -registry=http://localhost:8081/repository/rofo-npm-hosted/ ```
### 校验发布成功用之前发布过的enum插件[用dumi发布一个用于处理枚举值的npm包](https://juejin.cn/post/6967706993565892639)
![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/53a70982e9d149729b2900c46065f617~tplv-k3u1fbpfcp-zoom-1.image)

### ![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/b3c5af9397904fd9b8fbac680239c2fd~tplv-k3u1fbpfcp-zoom-1.image)更新包需要先重新设置一下
![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/49313df291d8482dafd9f4f9251c294c~tplv-k3u1fbpfcp-zoom-1.image)

![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/17ed430b9b9f4ef5935795bab002506a~tplv-k3u1fbpfcp-zoom-1.image)

![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/01f40c290b064eb6a5109f6fbfecbc97~tplv-k3u1fbpfcp-zoom-1.image)

## 客户端使用npm包先看一下rofo-npm-proxy里面的东西，此时里面是没有东西的
![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/716b811ac0a64c41b2c241146799c86d~tplv-k3u1fbpfcp-zoom-1.image)
### 设置npm源地址 ```bash npm config set registry http://localhost:8081/repository/rofo-npm-group/ ``` 使用npm install的时候会报错，本地测试会出现不了，因为上面已经登陆过了，可以通过npm logout登出信息，然后会发现下面的错。
![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/8cca0c6d26544a53863e79fc84fc9573~tplv-k3u1fbpfcp-zoom-1.image)
登录账号，然后在npm install就可以了 ```bash npm login -registry=http://localhost:8081/repository/rofo-npm-group/ ``` ![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/7d4d3c3a5d094fb2a597b5c09673c4b2~tplv-k3u1fbpfcp-zoom-1.image)
### 安装项目依赖 ![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/22b6db67e90d4224b1ed84eea897cfb0~tplv-k3u1fbpfcp-zoom-1.image)
### 对比rofo-npm-proxy的前后变化然后我们再看一下代理rofo-npm-proxy里面的东西，此时里面已经有东西了，这是代理从淘宝的镜像当中获取到的npm包。
![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/a1ada4894f3b44e88b3f93db0ab302b7~tplv-k3u1fbpfcp-zoom-1.image)