把自己的前端插件项目上传至 npm 详细步骤

注意:如果你是 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

在这里插入图片描述
这里给出解释,请参照完成(回车确认):

  1. package name: 包的名称,不能包含大写。
  2. version: 版本号,最低1.0.0
  3. description: 包的描述
  4. entry point: 入口文件
  5. test command: 测试命令,可以不填直接回车
  6. git repository: 提供git个人仓库,可以不填,直接回车
  7. keywords: testplugin (项目的关键词,npm搜索关键词)
  8. author: 作者名称
  9. 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

发布了256 篇原创文章 · 获赞 403 · 访问量 80万+

猜你喜欢

转载自blog.csdn.net/weixin_44198965/article/details/104209771