详解如何制作自己的第一个js(包)库并上传到NPM

1.注册账号

去npm官方文档注册账号,并验证邮箱,官网地址:https://www.npmjs.com/

2.创建包库
  1. 新建一个文件夹,并命名(名字随意)
  2. 在文件夹内执行初始化指令(npm init)并设置包的参数,接着就依次填写, 不想填写的话也可以一路Enter
  • name: 模块名,发布之后就可以让用户npm install xxxx来引用你的开源模块
  • version:版本号,语义版本号分为X.Y.Z三位,分别代表主版本号、次版本号和补丁版本号。当代码变更时,版本号按以下原则更新。
    如果只是修复bug,需要更新Z位。
    如果是新增了功能,但是向下兼容,需要更新Y位。
    如果有大变动,向下不兼容,需要更新X位。
  • description: 简单介绍自己的模块
  • main: 入口文件,必要,当通过require(‘xxx’)时,是读取main里声明的文件
  • test command: 测试命令
  • git repository: git仓库地址
  • keywords: 关键词,可以通过npm搜索你填写的关键词找到你的模块
  • author: 作者信息,可以之后编辑更详细一些
  • license(ISC): 代码授权许可 可以参考这里

以上放心可以大胆写,因为之后反正要改。
初始化项目完成,可以看到目录中出现了一个叫 package.json 的文件

  1. 新建一个index.js文件,并写入你的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
})))
  1. 执行npm install -g 检查是否报错,下图代表成功
    详解如何制作自己的第一个js(包)库并上传到NPM_第1张图片
  2. 执行npm link(旨在安装开发包并实时查看更改,而无需继续重新安装)
2.发布包
  1. 登录npm
    使用终端命令行
  • 如果是第一次发布包,执行以下命令,然后输入前面注册好的NPM账号,密码和邮箱,将提示创建成功
npm adduser
  • 如果不是第一次发布包,执行以下命令进行登录,同样输入NPM账号,密码和邮箱
npm login

注意:npm adduser成功的时候默认你已经登陆了,所以不需要再进行npm login

  1. 接着先进入项目文件夹下,然后输入以下命令进行发布
npm publish

当终端没有出错,就代表版本号为1.0.0的包发布成功了!前往NPM官网就可以查到你的包了。

如果报错,是因为没有确认npm发过来的邮件,点开邮件确认即可。

你可能感兴趣的:(JavaScript,Git,npm,github,git,javascript)