准备工作

  1. 移除淘宝镜像源(因为要发布到官方源上,而不是发布到淘宝镜像上)
  2. 到npm官网注册一个账号,并完成邮箱认证
  3. 本地使用 npm cli 进行登录
    1. 使用命令npm login登录
    2. 使用命令npm whoami查看当前登录的账号
    3. 使用命令npm logout注销
  4. 创建工程根目录文件夹
    1. 文件夹名字与包名一致
    2. 包名先去官网查一下是否已存在该包
    3. 包名必须只能包含小写字母、数字、横线、下划线
  5. 使用npm init进行初始化

    1. 作者author选项要好好填:npm注册的名称 <邮箱地址>
    2. 关于版权说明,详细信息看子页面《开源协议》

      image.png

image.png

发布

  1. 开发
  2. 确定并修改版本号(每次发布都要改版本号,不然发布不成功!)
    1. 改版本号可以不用手动改,用命令 npm version xxx来修改版本号
    2. xxx的取值与含义见子文章《npm version常用命令及用法示例》
  3. 使用命令npm publish完成发布
  4. 发布完了:
    1. 登出
    2. 记得把淘宝镜像源改回来。

      重名小插曲:

      如果包的名字和其他人已有包的名字很像,npm会告诉你修改名字,并推荐你将包的名字添加上命名空间:
      (猜想,@types/vue是不是就是这么玩的?)
      image.png
      vue-cli因为要和vue-cli2.0、vue-cli3.0共存,就是这么处理的