vue组件封装到发布到npm，实现一个属于自己的组件

1.介绍

本文主要整理从开发到发布的流程，组件功能就不做介绍了

平时学习工作如果有好的想法，好的组件，好的功能，想要和他人分享或者自己保留。提价到仓库是一个办法但是总是不够便捷的，如果想直接安装使用可以选择发布到npm，今天就举例看看发布的流程！

2.项目搭建

我们以vue的组件封装滑块组件为例
1.目录结构

2.在components中正常开发组件，并且创建index.js来作为最后的入口文件

index.js 主要导出一个对象，包含install方法，在使用vue.use()时传入，会默认执行install方法，并且将vue作为参数传入，我们在此方法中将组件引入，并且注册为全局组件。

--index.js--

import SingleSlider from './SingleSlider'
const install = function (Vue) {
   
    // 将组件进行挂载
    Vue.component('SingleSlider',SingleSlider