发布npm包

1、生成package.json文件

npm init

2、在根目录下新建index.js文件导出我们的插件：

module.exports = require('./lib');

3、新建lib文件夹，并编写需要发布的插件，这里以vue为例：

3.1新建index.js文件引入编写完成的组件
import areaSelect from './plugins/AreaSelect/AreaSelect.vue';//地区选择组件
import uploadFile from './plugins/UploadFile.vue';//上传文件组件
import videoplayer from './plugins/VideoPlayer.vue';//视频播放组件
import zoomImg from './plugins/ZoomImg.vue';//图片预览和缩放组件

const myPlugin = {
    // 该插件有一个install方法
    // 方法的第一个参数是传入的Vue，第二个参数可以插件的自定义参数
    install(Vue,options){
        // 将其注册为vue的组件，'vpay'是组件名，keyboard是我们开发的组件
        Vue.component('areaSelect',areaSelect);
        Vue.component('uploadFile',uploadFile);
        Vue.component('VideoPlayer',videoplayer);
        Vue.component('zoomImg',zoomImg);
    }
};

export default myPlugin;

4、登录npm，并发布插件

1、npm login //登录（需要依次输入用户名、密码、邮箱...）
登录成功后会显示Logged in as *** on http://registry.npmjs.org/
2、npm publish //发布插件发布成功后会显示以下结果。

注意：每次发布前需要修改package.json中的版本号，不然无法发布成功（新增组件进去的时候，第一次不需要）