vue3插件开发，上传npm

创建插件

1.  在vue3工程下，创建组件vue页: toolset.vue。并设置组件名称。
   

2.   注册全局组件。新建index.js文件。内容如下，可在main.js中引入index.js，注册该组件进行测试。
   

   
   ![在这里插入图片描述](https://img-blog.csdnimg.cn/a3409d2cbeec41c797d5788165bd0472.png

3.    vite.config.ts中配置打包
   

3. 进入生成的打包目录dist。运行npm init -y。生成package.json配置文件。# name :上传插件名称。#main:插件入口。#version：插件版本。注意：npm中有同名插件会导致上传失败。每次上传版本不能一样，否则也是失败。
   

4.  发布插件：dist目录下，运行npm publish上传插件。
   

使用插件

1.  main.js中引入插件注册
   

2. vue页面直接使用插件。