前端搭建私有化npm库

尝试搭建私有化npm库

1. 安装mysql。

  • 下载安装mysql数据库。以windows系统为例(本人太菜,只会搞windows的🤣)。
    下载mysql安装包。官网太慢。可以使用清华大学开源软件镜像下载
    安装mysql,安装步骤自己搜一搜吧,大神们写的比我专业多了。注意不要忘记配置mysql的环境变量。

2. 将cnpmjs.org工程克隆至私有化npm库的容器中。

  • 使用npm工具或cmd执行命令将工程克隆至容器上(我这里是克隆到我自己电脑上了)。
    克隆地址:https://github.com/cnpm/cnpmjs.org.git
    在这里插入图片描述

3. 修改cnpmjs.org工程配置。

克隆好的工程需要改两个地方。
在这里插入图片描述

  • .config文件夹下的index.js需要改这几项。 db:你要管理私有化包的数据库名称,这里暂时先写成cnpmjs,下面步骤中会用到。 其他项和你的数据库配置对应就可以了.
    在这里插入图片描述
  • .package.json文件需要修改运行命令。前面加个set 。(可以先运行试试能不能运行起来,如果报错再试试这个)

在这里插入图片描述

  • 修改完成后,执行:cnpm i -s,安装依赖。
  • 安装完成后执行:npm run dev,启动项目。
  • 启动好以后会看到这里有两个地址
  • 127.0.0.1:7001私有源注册地址
  • 127.0.0.1:7002私有源web管理地址。
    在这里插入图片描述
    在浏览器中访问127.0.0.1:7002就可以看到如下页面
    在这里插入图片描述

4. 配置mysql。

  • 安装好mysql以后。在cnpmjs.org工程目录下打开命令窗口。
  • mysql -u -root -p; // 输入账号和密码,连接mysql。
  • create database cnpmis; // 创建名为cnpmjs的数据库。
  • use cnpmjs; // 切换到cnpmjs数据库中
  • source docs/db.sql;// 将cnpmjs.org工程中的sql脚本写入到创建好的 cnpmjs数据库中
    在这里插入图片描述
  • 写入好以后可以使用Navicat for MySQL工具查看。
    在这里插入图片描述

6. 管理npm源(nrm 是一个 npm 源管理器,允许你快速地在 npm源间切换。)

  • 全局安装nrm: cnpm install nrm -g (如果已经安装过,忽略此步骤)
  • 添加私有源至源列表:nrm add tt http://127.0.0.1:7001 (tt是自己起的私有源名字,随意)。
  • 查看现有源合集: nrm ls (这里就可以看到你刚刚创建的私有源地址啦。标*的表示你正在使用的源。可以通过切换私有源命令进行切换)
    在这里插入图片描述
  • 切换到私有源:nrm use tt

7. 发布npm包

  • 首先要确定上一步你的npm源已经切换至刚刚搭建的私有源地址。
  • 制作npm包的步骤网上也有教程,这里就不再详细描述了。
  • 制作完成npm包后。执行命令:
  • npm adduser:填写用户名和密码
  • 登录仓库:npm login
  • 发布私有包:npm publish
  • 发布成功后打开http:127.0.0.1:7002就可以看到发布的私有包文件。

在这里插入图片描述
打开数据库也可以看到刚才发布的数据已经入库
在这里插入图片描述
完结撒花,虽然不太完美,但是至少流程通了。下一步就是优化cnpm.org工程。以及准备私有化包管理器的容器等其他工作。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值