多行数据格式化工具 (String Formatter)

一个基于 React 构建的轻量级在线工具，旨在帮助开发者和数据分析师将多行文本数据（如 Excel 列、日志列表）快速转换为格式化的单行字符串。

特别适用于生成 SQL IN 查询条件、JSON 数组、代码数组初始化等场景。

✨ 主要功能

• 灵活的输入拆分：
  • 支持按换行符、逗号、空格拆分。
  • 智能识别：自动检测数据是按行还是按逗号分隔。
  • 支持自定义正则表达式进行拆分。
• 高度自定义格式化：
  • 前缀/后缀：为每个元素添加引号、括号或其他字符。
  • 连接符：自定义连接方式（逗号、空格、换行等）。
• 实用预设：一键生成 SQL 字符串列表 ('a','b')、SQL 数字列表 (1,2) 或 JSON 数组。
• 数据清洗：支持自动去除首尾空格、忽略空行。
• 自动保存：配置项（分隔符、前后缀等）会自动保存到浏览器本地存储 (LocalStorage)，刷新页面不丢失。
• 一键复制：快速复制处理后的结果。

🛠️ 技术栈

• 核心框架: React 18
• 构建工具: Vite
• 样式库: Tailwind CSS (v3)
• 图标库: Lucide React

🚀 快速开始

环境要求

• Node.js >= 16.0.0
• npm 或 yarn

本地运行

1. 克隆仓库

   git clone [https://github.com/weiQLog/string-formatter.git](https://github.com/weiQLog/string-formatter.git)
   cd string-formatter

2. 安装依赖

   npm install

3. 启动开发服务器

   npm run dev

   打开浏览器访问控制台输出的地址 (通常是 http://localhost:5173)。

4. 构建生产版本

   npm run build

📂 项目结构

.
├── src/
│   ├── App.jsx          # 主应用逻辑 (包含核心功能)
│   ├── main.jsx         # 入口文件
│   └── index.css        # Tailwind 样式引入
├── tailwind.config.js   # Tailwind 配置文件
├── vite.config.js       # Vite 配置文件
└── package.json