开发一个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包已经发布成功啦😊~