美文网首页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发布自己的插件/组件包

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