前端:如何玩转自己的npm包

前言

你是否羡慕别人使用的npm install xxx这些包是谁写的
你是否想要自己写出一个专属于自己的npm包，那么你就可以往下看

1、注册账号

1.1、命令注册：

npm adduser

1.2、网页注册

npm官网https://www.npmjs.com/

1.3、激活：

注册成功后，npm会给你的邮箱发一封邮件，需要激活，如果不激活就发布npm包会报错

2、登录npm

2.1、如果有账号，可直接登录：

npm login

• 注意：报错code E409
  

此时npm指向cnpm导致的，将本地npm的源修改为官网源地址即可
命令如下:

npm config set registry https://registry.npmjs.org/

2.1、确定是否登录成功：

npm whoami

• 登录成功会显示你的账户
  
• 登录失败
  

3、初始化npm

• 新建文件夹：mkdir convert-picture
• 进入文件夹：cd convert-picture
• 初始化：npm init
• 开始写我们需要npm的代码

文件分布如下：

|-- convert-picture
	|-- index.js //主js，暴露的函数放在这里
	|-- package.json 
	|-- README.md 
	|-- xxx.js //模块化js，复杂的npm包可以使用

• 注意：文件夹名和package name最好一致，因此在命名前一定要在npm官网查一下是否重名，如果重名，将无法publish

4、npm上传

npm publish

此时上传成功,上传成功以后，我们可以在npm官网找到我们的npm包

我们想在项目引入的话，直接输入

npm install convert-picture

• 注意：报错403
  
  这是因为我们packge.json的name已经被人占用了，只要修改这个名字就建议重新publish，不过你最好也要把外面的文件夹改成和packge.json同名，这样子方便别人调用

5、更新npm包

5.1、修改版本号

命令修改

npm version patch

此命令在原来的版本上自动加1,实际上是将package.json文件中的version值修改了

package.json修改
打开package.json文件，找到version并修改即可

此时修改我们要变动的其他文件

5.2、重新发布包

npm publish

可以看到，我们已经有两个版本了

6、删除npm包

6.1、删除指定的版本

npm unpublish 包名@版本号

可以看到我把1.0.1已经删除了

6.2、删除整个包

慎用

npm unpublish 包名 --force

7、后续

• 引用该package的项目，在当前项目运行npm update xxxx 即可