zoukankan      html  css  js  c++  java
  • 如何发布一个npm包?

    npm包在现在前端开发中经常使用且便利,而我也是经常使用,而没研究怎么去发布npm。那如何发布npm包呢?

    一、在npm的官网上注册一个账号登录,https://www.npmjs.com/

      注意此步骤记住登录名和密码,后面会使用到

    二、新建一个目录,比如study,进入到这个study目录里,使用 npm login 命令登录,按照提示操作:

      

      注意 password 输入时不显示,继续按正确方式输入就行,不影响

    三、进入study目录,执行命令npm init 初始化项目生成package.json文件

      

      注意:package.json 文件的name值唯一,此名字就是将来供下载使用的npm包名

    四、在study目录新建index.js文件

      module.exports = "hello world";

    五、在study目录下发布npm包 :npm publish

      此步骤其实发布的就是study目录以及目录下的文件(index.js、package.json)

        如果发布成功,请在 https://www.npmjs.com/settings/XXX/packages 下查看

    注意:在 npm publish 过程中遇见的问题:

      1.邮箱未验证

        npm ERR! 403 Forbidden - PUT https://registry.npmjs.org/study123 - you must verify your email before publishing a new package: https://www.npmjs.com/email-edit

        

        处理:将邮箱中的邮箱验证链接处理下就行

      2.npm 包名不唯一

        npm ERR!  you do not have permission to publish 'study'.Are you logged in as the corrent user?

        处理:改变 package.json 中的name 值即可

    拓展:

      1.使用发布的npm包

       npm install study123 --save (包名就是package.json文件的name值)
       import test from 'study123'
       console.log(test) //"hello world"

      2.更新一个已经发布的包
         npm version patch //修改包的版本
        npm publish //重新发布包

      3.删除自己发布的npm包
       npm unpublish
        npm --force unpublish

        

  • 相关阅读:
    Enterprise Library 2.0 Hands On Lab 翻译(9):缓存应用程序块(一)
    Enterprise Library 2.0 Hands On Lab 翻译(5):日志应用程序块(二)
    提供多单词建议的自定义AutoCompleteExtender
    什么是 axios
    Consul是一个分布式高可用的系统
    全栈开发工程师
    XPath路径表达式
    9 个带你阅读源码的开源项目
    前端跨域解决方案
    [WCFDiscovery]让服务自动发送上/下线通知[原理篇]
  • 原文地址:https://www.cnblogs.com/changxue/p/10854460.html
Copyright © 2011-2022 走看看