vue js插件开发并发布到npm

一.假设我们创建一个输入校验规则的js插件

1.创建一个项目文件 validator
2.在validator目录下cmd 执行npm init 生成 package.json文件，（可能重名了，就换个名字）

package.json

{
  "name": "validator",   //这个就是将来要引用的插件名
  "version": "1.0.0",
  "description": "simple input validator",
  "main": "index.js",
  "directories": {
    "lib": "lib"
  },
  "scripts": {
    "test": "y"
  },
  "keywords": [
    "robu",
    "validator",
    "validate"
  ],
  "author": "wyj",
  "license": "ISC"
}

3.在validator目录下创建lib文件夹，在此目录下开发插件
4.在lib文件夹中创建validator.js文件
validator.js

// 电话
let phoneReg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/

let FormValidate = (function () {
  function FormValidate () {}
  // From表单验证规则  可用于公用的校验部分
  FormValidate.Form = function () {
    return {
      // 电话号码的验证
      validatePhone (rule, value, callback) {
        if (!value) {
          return callback(new Error('请输入手机号码'))
        }
        if (!phoneReg.test(value)) {
          callback(new Error('手机格式不正确'))
        } else {
          callback()
        }
      },
    }
  }
  return FormValidate
}())

exports.FormValidate = FormValidate

5.在validator目录下创建index.js文件
index.js

var  validator = require('./lib/validator.js');

module.exports = {
  FormValidate : validator.FormValidate
}

二.发布到npm

1、首先得有npm账号 去npm官网申请账号；
2、在validator文件夹下 cmd 执行npm adduser，输入用户名、密码、邮箱；
3、再在validator下cmd 执行npm publish发布开发好的插件包。

三、使用

1、在自己的项目中添加依赖：npm i validator --save；
2、import validator from ‘validator’；
3、使用validator .FormValidate.Form().validatePhone；