跳转到内容

基于CloudFlare Pages部署的 it-tools 在线工具箱,在Github已经斩获了3万+Star

it-tools · 浏览器端的开发工具合集

Section titled “it-tools · 浏览器端的开发工具合集”

it-tools 是一个功能强大、完全前端化的开发者工具集合,全部运行在浏览器中,无需服务器或后端支持。由 Corentin Tournier 开发,基于 Vue 3Vite 构建,界面简洁,体验流畅。

  • 🧰 提供数十种实用工具:包括 JSON 格式化、美化/压缩、正则表达式测试、编码转换、哈希计算、颜色选择器、UUID 生成器、时间戳转换等
  • 🌐 完全浏览器端运行,数据不会离开本地,安全可靠
  • ⚡ 构建快速,基于 Vue 3 + Vite,响应迅速,轻量高效
  • 🧩 模块化设计,便于扩展和定制
  • 📦 可直接部署在静态网站平台,如 GitHub Pages、Cloudflare Pages、Vercel 等

无论是前端开发、API 调试、日常文本处理,还是数据格式转换,it-tools 都可以成为你的高效助手。

it-tools 演示

it-tools可以使用Docker部署,也可以自部署,这些方法作者在Github上都有说明,在这里不再赘述,今天向大家分享一种基于 静态站点托管 的部署方式,这一切都依赖于我们的大善人 CloudFlare。 让你轻松实现 无服务器也可以部署 it-tools 在线工具箱

  1. Fork 仓库

    前往it-tools GitHub 仓库,点击右上角的Fork按钮。

  2. 部署项目

    进入 Cloudflare Pages,新建一个项目,选择刚才 Fork 的仓库。 部署流程可参考 详细部署教程

  3. 设置构建参数

    • Project name:任意项目名称
    • Build command:pnpm install && pnpm run build
    • Build output directory:dist

    image

NjSncnxMl9.webp 0u8GFDjWuC.webp