使用vite 开发一个vue3使用的插件

好的，下面是一个使用 Vite 开发的 Vue 3 插件的简单示例：

1. 首先，创建一个新的 npm 包并初始化项目：

mkdir my-plugin
cd my-plugin
npm init -y

2. 安装必要的依赖项：

npm install vue@next --save
npm install vite --save-dev

3. 创建一个 `src/index.js` 文件，这个文件是插件的入口：

import { createApp } from 'vue';

export default {
  install: (app) => {
    app.config.globalProperties.$myPlugin = {
      hello: () => console.log('Hello from my plugin!')
    };
  }
};

在上面的代码中，我们定义了一个全局插件 `$myPlugin`，它包含一个简单的函数 `hello()`。

4. 创建一个 `src/main.js` 文件，这个文件会用来测试我们的插件：

import { createApp } from 'vue';
import myPlugin from './index';

const app = createApp({});
app.use(myPlugin);
app.mount('#app');

在上面的代码中，我们将我们的插件 `myPlugin` 注册到了 Vue 应用程序中，并将它挂载到了 `#app` 元素上。

5. 最后，在 `package.json` 中添加以下命令：

{
  "scripts": {
    "dev": "vite"
  }
}

这个命令会使用 Vite 启动一个本地开发服务器。

6. 运行项目：

npm run dev

现在，你可以打开浏览器并访问 `http://localhost:3000`，然后在浏览器控制台中输入 `$myPlugin.hello()`，你会看到它输出 `Hello from my plugin!`。

这就是使用 Vite 开发 Vue 3 插件的基本过程。