美文网首页TypeScript 极简教程让前端飞
使用npm发布自己的插件/组件包

使用npm发布自己的插件/组件包

作者: 郁南 | 来源:发表于2020-04-16 10:30 被阅读0次

能看到这篇文章,相信有很多人都有这样一个经历,就是看到别人都能发布npm包,自己是不是也可以这样做?又或者项目中很多时候会封装一些公用的utils以及component,但不同的项目总是复制粘贴,为了解决这些疑惑,下面开始着手发布一个属于自己的npm仓库。

  1. 官网注册
    注意:
  • 注册后一定要进行邮箱验证,否则后面进行组件包发布时候会提示403错误。
  • 发布报403还有另外一种错误是本地用了淘宝镜像,所以要先转会npm源,查看npm config get registry,将仓库设置为原仓库npm config set registry=http://registry.npmjs.org
  1. 在本地新建一个文件夹如npmtest,在cd npmtest进入项目文件夹;
  2. 使用npm init 命令初始化当前项目信息,需要填写的信息是
    注意:name属性值必须是npm仓库中唯一的,所以尽可能起一个属于自己的name,否则报错You do not have permission to publish "xxxx",这表示npm仓库(公共)上已经有了一个同名的仓库了。
  3. 项目初始化完成之后目录就有了一个package.json文件,然后新建一个如README.md文件,随便写点东西。
  4. 输入命令npm login登录,会让你依次输入注册npm时的用户名和密码以及邮箱,密码是看不见的。
  5. 登录之后输入命令npm publish发布,如果1和3都正常,基本上发布就会成功了。
  6. 发布后可以在官网查看自己的项目(如chenhaoyin-npm-test)


  7. 测试已经发布的包,新建文件夹,通过命令npm install chenhaoyin-npm-test安装刚发布的包

相关文章

  • 使用npm发布自己的插件/组件包

    能看到这篇文章,相信有很多人都有这样一个经历,就是看到别人都能发布npm包,自己是不是也可以这样做?又或者项目中很...

  • 使用npm发布自己的npm组件包

    作为前端攻城狮,npm包管理是需要经常使用的,封装自己的组件包,方便使用是有必要的,仅记录发布npm组件包的过程,...

  • vue-cli @4.5.12引用文件路径怎么写

    vue-cli版本@4.5.12目录结构: 引用文件的场景主要分三种: npm包 图片 组件/插件 npm包 图片...

  • 发布和使用自己的NPM包

    附件下载:发布和使用自己的NPM包.zip NPM(node package manager) 是NodeJs官方...

  • 把node文件拷贝写成npm包,并发布

    前言 把node文件拷贝写成npm包,并发布 npm插件发布 发布npm其实是一件很简单的事情,只是因为长时间不发...

  • 使用npm发布插件

    使用npm发布插件 博客说明 文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权...

  • npm发布自己的npm包及使用

    [TOC] ### 1.npm 发布自己包到npm平台 1.下载安装node js 注意:发布包的名字不能跟npm...

  • 发布vue组件npm包

    其实很早之前就想尝试着写一写vue组件然后发布npm包,这次借着公司开发新项目,于是封装了一个Toast组件。 我...

  • npm发布vue组件包

    前言    现在前端开发基本离不开npm插件包,有的时候自己写了一个组件在多个项目中都有用到,简单粗暴的做法就是C...

  • 【npm】将自己的vue组件发布为npm包

    转自:http://auan.cn/internet/2026.html 首先问题:开发中我们往往需要做某些功能,...

网友评论

    本文标题:使用npm发布自己的插件/组件包

    本文链接:https://www.haomeiwen.com/subject/oiplvhtx.html