# online-tools

**Repository Path**: MagicBude/online-tools

## Basic Information

- **Project Name**: online-tools
- **Description**: 基于 Vue 3 + Vite 构建的模块化在线工具箱，工具按分类管理，开箱即用。

- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-03-27
- **Last Updated**: 2026-03-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 🧰 在线工具箱

基于 Vue 3 + Vite + Tailwind CSS 构建的模块化在线工具箱，免费开放使用。

## 本地开发

```bash
npm install
npm run dev
```

浏览器访问 http://localhost:5173

## 新增工具

只需两步：

1. 在 `src/tools/` 下创建一个 `.vue` 组件
2. 在 `src/registry.js` 里加一行：

```js
{
  id: 'my-tool',
  name: '工具名称',
  description: '工具描述',
  category: '开发工具',   // 已有分类或新分类名
  component: MyTool,
}
```

分类筛选和搜索自动生效，无需改其他文件。

## 技术栈

- [Vue 3](https://vuejs.org/)
- [Vite](https://vitejs.dev/)
- [Tailwind CSS](https://tailwindcss.com/)

## 构建部署

```bash
npm run build   # 产物在 dist/
npm run preview # 本地预览构建结果
```