【npm】npm发布流程

之前看到别人提供的组件发布到npm上,我们可以直接安装使用,感觉是一个很高端的操作。

直到,本期有一个需求是要将项目中的一个组件公共出来,让其他团队使用。才发现,npm发布流程,似乎没有想象中的那么复杂。

可能是之前的偏见真的太重了。言归正传,说正事。

1、注册npm账号

没有账号怎么发布呢?赶紧去官网注册一个。(有的话当我没说)

当然,除了官网注册,也可以执行 npm adduser 命令注册,按照提示进行操作就行。(账户、密码、邮箱后面要用,要记住的哦)

2、登录npm账号

账号注册好了之后,先登录一下:

npm login

按照提示输入账号密码就OK了。

3、初始化项目

新建一个文件夹test,命令行cd进去,执行:

npm init

因为只是我这里只是测试一下,所以一路回车咯,大家如果有什么需要修改的,按照提示来修改就行。

这里有一点还是要说下:

  • entry point:入口文件,默认是Index.js,你也可以自己填写你自己的文件名

因为我们本来是一个空文件,这里的入口默认的是Index.js文件,我们需要在test文件夹下面新建一个Index.js文件。如果修改了文件的名字,新建的文件名和修改的一样就OK了。

4、查看当前镜像源 

确保当前的镜像源是:https://registry.npmjs.org/

可以使用命令查看和修改当前镜像:

// 查看当前镜像源
npm config get registry
// 设置npmjs源
npm config set registry=http://registry.npmjs.org/
// 设置成淘宝镜像:
npm config set registry http://registry.npm.taobao.org/

5、发布

执行命令就大功告成啦!

npm publish

关于如何发布测试(beta)版和正式版,请移步这里!!!(其实正式版这里已经讲过啦,哈哈哈)

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值