开发一个npm包

1.npm是什么?

npm 是Node 的模块管理器,功能极其强大。 它是Node 获得成功的重要原因之一。 正因为有了npm,我们只要一行命令,就能安装别人写好的模块

2.准备工作

1.开发一个toast组件
2.创建一个npm账号--发布到npm包管理平台

3.ready Go

首先,因为要发布到npm包管理系统,那必然得有一个npm账号啦,创建账号看这里npm地址,接下来可以在gitlab/github上新建项目~clone到本机之后执行npm init补充信息,如下图:

image.png

4. 现在就可以发一个初始版本到npm包管理平台了试下了~有木有很开森😁

  • 执行npm login 登录npm 账号,输入密码
  • 执行npm publish发布(如果发错了想撤销可以使用npm unpublish 包名,npm unpublish --force //强制删除 仅支持24小时之内撤销)
  • 去npm包管理平台查看
  • 可以安心的开始coding了

注意:发布到npm一定要更新version版本,否则会导致发布不成功

5.我们开发完成肯定需要测试,那么测试怎么测呢?(亲测,强烈推荐方法一!!)

  • npm模块名称:toast-npm
  • 引用npm模块项目:test
  • npm link报错总结
    1. 删除 node_module 目录
    2. 删除package-lock.json 文件
    3. 安装所需依赖 npm install
    4. 执行sudo npm link (sudo代表管理员权限执行)

方法一:
* 在toast-npm项目中使用npm link
* 在test项目中执行npm link toast-npm

方法二:
* 在test项目中npm install ../toast-npm --save (--save直接在package.json中可以看到,注意toast-npm及test在同目录下)
* 在test项目中引入import Toast from 'toast-npm-bairong' (组件名称是toast-npm-bairong)
如下图

* test项目下执行

image.png

* test项目中引用
image.png

* 安装完成之后的test项目中package.json
image.png

6.测试完成之后再发一版到npm包管理平台(切记,发布之前一定要更新version版本哦~😯)

  • 登录npm看下是否发布成功,之前是0.1.1现在是0.1.2说明已经发布成功啦~


    image.png
7.总结

至此,一个简单的npm包已经发布成功啦😊~

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。