实现在npm上传自己的包

90 阅读1分钟

(一)创建npm项目

  • 在项目的根目录下通过npm init生成package.json文件 image.png
  • 编写需要的组件代码,并在入口文件中引入导出 image.png

(二)上传npm

1. 注册npm账号

  • 官网注册自己的npm账号(首次注册需要邮箱验证)

2. 配置npm代理

  • npm config get registry
  • 切换为npm源:npm config set registry https://registry.npmjs.org

3. npm登录

  • npm login
  • 输入账号,密码、邮箱(首次登录需要输入邮箱验证码)

4. 发布npm包

  • 发布前先验证包名是否已存在
  • npm view 【你的npm包名】
  • image.png
  • 执行命令:npm publish,以下几种情况会发布失败
    • 版本号相同
    • @符号代表私有收费的,所以名称不能包含
    • 不能有斜杠等特殊符号
  • 出现如下界面则表示发布成功 image.png image.png

5. 查看发布的包

  • npm官网中点击Packages可以查看自己上传的包,点击包名,可以看到npm下载包的命令 image.png

(三) 下载使用