utools-plugin-vue-tools

一个 Vue3 组件库，用于 uTools 插件开发。

安装

npm install utools-plugin-vue-tools

依赖要求

本组件库使用 peerDependencies 来管理核心依赖，这意味着：

必需依赖（需要用户自己安装）

• vue ^3.0.0 - Vue3 核心库

本地开发调试

1. 安装依赖

npm install

2. 启动开发服务器

npm run dev

这将启动一个本地开发服务器，你可以在浏览器中查看和调试组件。

3. 构建组件库

npm run build

这将在 dist 目录下生成构建后的文件。

使用方法

方式一：全局注册

import { createApp } from "vue";
import App from "./App.vue";
import UtoolsPluginVueTools from "utools-plugin-vue-tools";

const app = createApp(App);
app.use(UtoolsPluginVueTools);
app.mount("#app");

方式二：按需引入

<template>
  <div>
    <s-tools />
  </div>
</template>

<script>
import { STools } from "utools-plugin-vue-tools";

export default {
  components: {
    STools,
  },
};
</script>

依赖管理策略说明

为什么使用 peerDependencies？

1. 避免重复安装: Vue3 通常作为应用的核心依赖，使用 peerDependencies 可以避免在 node_modules 中出现多个 Vue 版本
2. 版本兼容性: 确保组件库使用的 Vue 版本与用户项目中的版本兼容
3. 减小包体积: 不会将 Vue 打包到组件库中，减小最终的包体积

依赖类型说明

• peerDependencies: 告诉用户这个包需要哪些依赖，但不会自动安装
• dependencies: 包运行时必需的依赖，会被安装到用户的 node_modules 中
• devDependencies: 开发时需要的依赖，不会被打包发布

开发

# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 构建
npm run build

# 预览构建结果
npm run preview