写一个简单的Vue插件,发布到npm上并通过npm安装依赖应用到项目中

一直都很好奇vue插件的开发以及发布到npm上的步骤  近来无事  自己尝试着写了一个简单的vue插件 。本篇文章主要是记录自己的学习思路~~

1.本地开发

新建一个文件夹 在该文件夹下打开命令窗口  

一般情况下 你的文件夹名称就是你即将发布的插件名称(注意:在命名插件名称的时候   需要先到npm上查找  是否已经有插件与你即将开发的插件重名    如果重名则需要修改)

当然你也可以用vue-cli生成一个项目用来开发插件 都是可以的  这里我使用的是npm init。命令执行后  生成一个package.json文件。

package.json文件里主要是对即将要开发的插件的一些设置   其中main 这个对应的是插件的入口文件。下面我们进行插件的开发     在src下新建一个lib文件夹 在该文件夹下新建一个vue文件和一个js文件，目录结构如下：

vue文件和index.js是我们本次开发插件主要用到的两个文件。根据自己的需求来编写vue的内容，这里我写的是一个简单的button的使用 内容如下：