第一步

npm的官方网站注册一个账号

第二步

使用npm init初始化一个package.json文件 注意:必须要有这个文件才能上传,npm可以上传任何一个包含package.json的包,package.json的main(入口)设置为index.js(名字自取)然后在本目录下建一个index.js文件,name表示你这个包的名字只能小写,version代表版本,每次更新都要修改这里的版本再npm publis ``
package.json可以在这里了解一下点击打开链接

第三步

在本地使用命令行连接npm 使用下面的命令 然后按照提示走,密码默认是不会显示出来的

npm login 或者 npm adduser

第四步

因为大部分的人npm使用的是淘宝镜像,上传会失败,所以需要替换为原来的镜像 https://registry.npmjs.org/

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

再查看是否设置成功

npm config get registry

更改了镜像需要按照前面说过的步骤,重新在本地登陆你的npm账户

第五步

上传

npm publish

撤销上传

npm unpublish --force

更新上传后的npm包

  1. 第一种是你可以手动去package.json里面修改版本号,修改后的版本号必须比之前的大,然后使用npm publish上传
  2. 第二种是使用npm 命令行工具更新版本号,再使用npm publish 上传,
  3. 版本号由三位组成 a.b.c,切换到package.json所在目录
  • 更新c处:npm version patch
  • 更新b处: npm version minor
  • 跟新a处: npm version major

每使用一次上面的命令,就在版本号对应的地方加一

注意事项:

你必须使用exports暴露你的方法,如下定义了一个npmTest的方法然后暴露出来,才能在安装这个包之后使用require引入

exports.npmTest = (name) => {
    console.log(name)
}

另外平时我们在github上看到的readme.md的样式是用过MarkDow语法来实现的,这个语法实现起来很简单,MarkFown的yu语法在这里了解点击打开链接

下面来看一下一个上传npm包的Demo

创建package.json 和index.js 和readme.md
1.png
2.png
3.png
登陆本地账户
4.png
上传
5.png
上传成功
85d031f61d6117314bea60c7592bd8e9.png
好下面来用刚刚上传的包,先安装
7.png
然后引入再使用
8.png
在控制台执行index.js文件
9.png
可以看到引入包成功
如果想详细了解还是介意去npm官方文档学习,上面说的比较片面,只是为了单纯上传包写的