• 在npm上面提交package


    第一次发布

    1. 注册一个npmjs账号

    https://www.npmjs.com/ 可以关联GitHub

    2. 创建一个package

    首先创建一个文件夹,名字不能和npm上面已发布的包重名,然后进入到该文件夹,

    然后通过命令创建一个包信息管理文件package.json

    npm init

    最终,package.json内容大概如下

    {
      "name": "xxx",
      "version": "1.0.0",
      "description": "A demo",
      "main": "index.js",
      "scripts": {
        "test": "echo "Error: no test specified" && exit 1"
      },
      "repository": {
        "type": "git",
        "url": ""
      },
      "keywords": [
        "sugars",
        "demo"
      ],
      "author": {
        "name": "mingwei",
        "email": "wangmingwei623@163.com"
      },
      "license": "MIT"
    }
    

    接着在我们刚刚创建的文件夹里新建一个index.js文件,然后简单敲几行代码

    ;(function (global, factory) {
      typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
        typeof define === 'function' && define.amd ? define(factory) :
          global.moduleName = factory()
    }(this, (function () {
      var test = {
        sayHi: function () {
          console.log('hi');
        }
      };
    
      return test
    })))
    

    到这,我们的package已经可以上传了,但是建议另外加入一个README.md文件,来显示在npmjs的详情页上,告诉别人我们的package的一些信息

     

    命令行发布package

    以下操作均在我们的package文件夹内执行

    如果是第一次发布包,执行以下命令,然后输入前面注册好的NPM账号,密码和邮箱,将提示创建成功

    npm adduser
    

    如果不是第一次发布包,执行以下命令进行登录,同样输入NPM账号,密码和邮箱

    npm login
    

    注意:npm adduser 不需要再执行 npm login

    然后输入以下命令进行发布

    npm publish
    
    

    当终端显示如下面的信息时,就代表版本号为1.0.0的包发布成功啦!前往NPM官网就可以查到你的包了

    myMacBook-Pro:sugars_demo sugars$ npm publish
    + sugars_demo@1.0.0
    

    如果遇到显示以下信息,比如

    npm ERR publish 403
    
    You do not have permission to publish 'bootstrap'.Are you logged in as
    the corrent user?:bootstrap

    说明该名称的包已经有人发布了,换个名吧。。。

    更新已经发布的包

    更新包的操作和发布包的操作其实是一样的

    npm publish
    

    但要注意的是,每次更新时,必须修改版本号后才能更新,比如将1.0.0修改为1.0.1后就能进行更新发布了。
    这里的包版本号有一套规则,采用的是semver(语义化版本),通俗点意思就是版本号:大改.中改.小改

  • 相关阅读:
    AutoCAD如何添加网络打印机 添加公司打印机
    AutoCAD如何方便截图放到Word文档,改成白底黑字
    AutoCAD如何倒角 倒圆角 倒直角
    [RxJS] Groupby operator
    [VSCode] Custom settings
    [TypeScript] Modifier
    [Javascript] Avoid Accidental Returns of New State by using the void Keyword
    动态创建选项卡
    eclipse运行内存不足解决办法
    使用jquery trigger 触发a标签的click事件取代window.open方法
  • 原文地址:https://www.cnblogs.com/mingweiyard/p/9370328.html
Copyright © 2020-2023  润新知