Transform(transform.tools)是什么网站?
Transform（transform.tools）是一个在浏览器里直接使用的多语言、多格式代码转换器，由 @ritz078 创建，GitHub 上有对应入口。它的核心价值是：把一种代码或数据格式粘贴进去，立刻得到另一种格式的结果，不需要安装依赖、配置构建工具或写转换脚本。适合前端开发、数据格式迁移、代码生成这几类场景，尤其是临时性、一次性的转换需求。
它主要能转换什么
网站按大类组织转换器，首页可见的分类包括 SVG、HTML、JSON、JSON Schema、CSS，以及 JavaScript、GraphQL、TypeScript、Flow、MongoDB、JSON-LD、YAML、TOML、XML 等。每个分类下是一组具体的“从 A 到 B”转换器，例如：
| 分类 | 转换示例 |
|---|---|
| SVG | SVG 转 JSX、转 React Native |
| HTML | HTML 转 JSX、转 Pug |
| JSON | JSON 转 BigQuery Schema、Flow、Go Bson、Go Struct、GraphQL、io-ts、Java、JSDoc、JSON Schema、Kotlin、MobX-State-Tree Model、Mongoose Schema、MySQL、React PropTypes、Rust Serde、Scala Case Class、TOML、TypeScript、YAML、Zod Schema |
| JSON Schema | 转 OpenAPI Schema、Protobuf、TypeScript、Zod Schema |
| CSS | 转 JS Objects、TailwindCSS、template literal |
| JavaScript | 转 JSON、TypeScript |
| GraphQL | 转 Components、Flow、Fragment Matcher、Introspection JSON、Java、Resolvers Signature、Schema AST、TypeScript |
| TypeScript | 转 Flow、JSON Schema、plain JavaScript、TypeScript Declaration、Zod Schema |
| Flow | 转 plain JavaScript、TypeScript、TypeScript Declaration |
| MongoDB | JSON-LD 的 Compacted、Expanded、Flattened、Framed、N-Quads、Normalized |
| 其他 | Cadence 转 Go、Markdown 转 HTML、TOML 转 JSON/YAML、XML 转 JSON、YAML 转 JSON/TOML |
从这份清单能看出它的定位：不是某个语言的专用工具，而是把常见开发场景里“格式互转”这件事集中到一个网页上。
怎么用
以 SVG 转 JSX 为例，典型流程是：
- 打开对应转换器页面（例如 SVG 分类下的 SVG to JSX）。
- 把源内容粘贴进输入区。
- 页面会输出转换结果，点击复制按钮取走结果。
SVG 转换器有一个值得注意的设置：SVGO 优化默认开启。也就是说，转换过程中会先对 SVG 做一轮优化，可能改变路径数据或移除冗余属性。如果你需要保留原始 SVG 的完整结构，可以在设置里关掉它或调整配置。其他转换器大多没有这类额外处理，属于直接的语法/结构映射。
适合谁、什么情况下用
- 前端开发：把设计稿导出的 SVG 转成 JSX 或 React Native 组件，把 HTML 片段转成 JSX 或 Pug。
- 类型与 Schema 迁移：JSON 转 TypeScript、Zod、Go Struct、Java、Kotlin 等，或者 JSON Schema 转 OpenAPI、Protobuf。
- 数据格式转换：YAML、TOML、XML、JSON 之间互转，处理配置文件时很省事。
- GraphQL 工作流：从 schema 生成 TypeScript 类型、Resolvers 签名、Fragment Matcher 等。
不太适合的情况：需要批量、可重复、纳入 CI 的转换。这类需求更适合用命令行工具或脚本，网页转换器更适合一次性、少量、需要肉眼确认结果的场景。
使用前需要知道的事
- 转换在浏览器里完成，粘贴的内容不会经过服务器往返，但涉及敏感数据时仍建议自行判断。
- 转换结果是按通用规则生成的，复杂或带特殊语法的输入可能需要手工调整。
- 网站没有在资料中说明账号、付费或登录要求，可以直接访问使用。
- 项目由 @ritz078 创建，GitHub 上有仓库，遇到问题或想了解实现可以去那里看。