npm包的简单发布流程

npm包的发布

1.账号注册

1.npm的发布需要创建一个个人的npm账号,注册成功需要在qq邮箱进行邮箱验证重新发布即可

npm的官网地址: https://www.npmjs.com.

2. 创建npm包

2.在本地创建一个文件夹(文件夹名不要和npm上的包名重复,可以先去npm上搜索下,这个文件夹名将作为你的npm包名),打开Powershell cd 进去进去文件夹

1. npm init 初始化项目
2. package.json 项目配置管理文件
3. 也可以在开发工具中打开此包
4.在根目录下创建index.js文件

	* Powershell 小蓝框中的配置 一路回车就可以*

	package name: (chen-btn)  
	version: (1.0.0)	
	description:		
	entry point: (index.js)	
	test command:	
	git repository:
	keywords:
	author:		
	license: (ISC)	
* package.json 文件*
{
  "name": "chen-btn", // 此包的名称
  "version": "1.0.0", // 此包的版本号
  "description": "", // 文件的描述
  "main": "index.js", // 入口文件
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  }, 
  "author": "", // 作者
  "license": "ISC" // npm包协议
}

* index.js 文件*

module.exports = '这是小陈的一个npm测试包'

3. 发包

在Powershell小蓝框中 执行NPM的登录命令,只有登录后你才有发包的权限
输入npm账号 username password email 回车即可

npm login

执行发布命令

npm publish

这样我们的整个npm包就发布到个人的npm账号下,发布上传后,你可以去 npm 官网上查一下自己的包有没有存在

也可以在小蓝框当中查看
在这里插入图片描述

补充:npm publish时一直报错的解决方案:

  • 1.npm官网注册好账号后,是否有进行邮箱验证,如果没有,请先进行邮箱验证
  • 2.检查包名是否被使用过,如果使用过,可以修改包名(即修改package.json中的 name),再重新 npm publish

4. 测试 创建一个node项目

	不会node项目创建自行查找资料

在终端下载我们的npm包

npm i chen-btn

在项目的根目录下创建index.js文件

例如:


	let chen = require('chen-btn')
	console.log(chen)

在终端输入 node index.js 就可以看到 所输出的内容

5. 删除包

刚刚只是个测试包 如果需要删除,下面来说怎么删除自己的npm包

npm --force unpublish chen-btn

删除要用force强制删除。超过24小时就不能删除了。自己把握好时间

	npm WARN using --force I sure hope you know what you are doing.
	- chen-btn

如上所示,就删除成功了,也可以去npm上验证下包是否还存在

至此一个npm包从发布到删除的流程就是这样了。哪些看上去好用的npm包,以后自己也能去写一写,把一些通用的一些功能发布上去,方便更多人使用。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值