把自己的前端插件项目上传至 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