【Docker】搭建一个高质量的在线开发工具箱 - 极速箱
前言
本教程基于飞牛系统fnOS 0.8.47的Docker Compose功能进行搭建。
简介
极速箱(Jisuxiang)是一款由ShowDoc团队开发的高颜值在线开发工具箱,专为程序员设计,旨在通过集成多种实用工具提升开发效率。
功能丰富性
极速箱覆盖了开发场景中高频使用的工具类型,包括:
• JSON工具:格式化、验证、编辑器及与XML/CSV/YAML格式互转。• 编码与加密:支持Base64/URL/Unicode编解码、JWT解析,以及MD5/SHA/AES/DES等加密算法。
• 网络工具:HTTP请求测试、IP地址查询等。
• 时间日期工具:时间戳转换、日期计算器、时区转换等。
• 图像工具:图片压缩、二维码生成、CSS渐变生成器等。
• 其他工具:正则表达式测试、代码格式化、文本统计等。
用户体验优化
• 界面设计:采用深色主题(默认)与浅色主题切换,配色现代且护眼,适配长时间使用需求。• 高效交互:支持工具分类导航、全局搜索及收藏夹功能,快速定位常用工具。
• 响应式布局:适配PC、移动端等多种设备,保证跨平台使用流畅性。
技术实现
• 技术栈:基于Next.js框架开发,使用TypeScript增强代码质量,结合TailwindCSS实现优雅的样式设计。• 本地化运行:大多数工具直接在浏览器本地执行,无需后端计算,保障数据安全与响应速度。
开源与生态
• 开源状态:项目已在GitHub(star7th/jisuxiang)开源,鼓励开发者参与贡献。• 部署方式:支持在线使用(jisuxiang.com)或本地部署,满足不同场景需求。
应用场景
极速箱适用于日常开发调试、API接口测试、数据格式转换、代码优化等场景,尤其适合需要快速处理碎片化任务的开发者。
部署
打开Docker管理器,选择「Compose」,点击右上角「新增项目」。
在创建项目窗口中填写「项目名称」和选择数据存放「路径」,然后选择「创建docker-compose.yml」,将下列代码根据自己实际情况修改后复制粘贴进去。
version: '3.8' # 推荐使用较新的版本 services: jisuxiang: image: star7th/jisuxiang:latest # 指定镜像名称和标签 container_name: jisuxiang # 自定义容器名称 restart: always # 自动重启策略 ports: - "1330:3000" # 端口映射(主机端口:容器端口) environment: TZ: Asia/Shanghai # 设置为中国时区
勾选「创建项目后立即启动」,最后点击「确定」。
等待构建完成,然后在浏览器中输入
IP:Port
访问。
- 感谢你赐予我前进的力量