注意:如果你是 cnpm,请换回 npm,否则无法进行。
登录/注册
npm 官网:https://www.npmjs.com/signup
cmd终端登录
注册完成后,打开本地自带的终端,输入以下命令:
npm login
依照提示,输入账号密码(密码不会显示出来)与电子邮箱,回车确认,如下图所示:
最后提示 Logged in as XXXXXX on https://registry.npmjs.org/.
即为登录成功。
注意:如果遇到报错,很可能是由于 npm 已经指向 cnpm,请先替换为 npm 即可。
初始化
在要上传插件的项目文件夹中进入终端(或使用cd命令),然后初始化项目,键入命令:
npm init
这里给出解释,请参照完成(回车确认):
- package name: 包的名称,不能包含大写。
- version: 版本号,最低1.0.0
- description: 包的描述
- entry point: 入口文件
- test command: 测试命令,可以不填直接回车
- git repository: 提供git个人仓库,可以不填,直接回车
- keywords: testplugin (项目的关键词,npm搜索关键词)
- author: 作者名称
- license: (ISC): 包遵循的开源协议(默认 ISC)
最后输入 yes 即可。
确认信息
此时回到项目文件夹中,你会发现多了一个 package.json
里面存放的就是我们刚刚输入的信息,可以修改,但不要删除它 。
上传
打开终端,依然定位到项目文件夹中,键入以下命令发布到 npm :
npm publish
上传成功后,会有显示:
这个过程可能会各种报错,我只能把我踩的坑告诉大家:
1. 起包名的时候,一定要去 npm 上搜索一下,相似包名与重复包名都会导致上传失败。
2. 第一次注册上传时,需要到邮箱里验证一下,下面以给出。
3. 使用 cnpm 的朋友,请先换成 npm ,否则会报错,下面以给出。
npm 搜包地址,确认包名不存在再改 package.json
文件:https://www.npmjs.com/。
邮箱未验证报错:https://blog.csdn.net/weixin_44198965/article/details/104213438
cnpm 换成 npm:https://blog.csdn.net/weixin_44198965/article/details/104115024
包名不合法报错:https://blog.csdn.net/weixin_44198965/article/details/104212592
包名重复报错:https://blog.csdn.net/weixin_44198965/article/details/104212427