🚀 发布｜XiangJsonCraft 2.0.4 - 一键生成 JSON 驱动的前端静态页面
大家好！我是 XiangJsonCraft 作者，今天正式发布 XiangJsonCraft 脚手架 v2.0.4 版本——一个能通过 JSON 配置一键生成前端静态页面的轻量化工具，告别重复写 HTML/CSS/JS，让静态页面开发效率翻倍💥
💡 为什么做这个工具？
日常开发中，我们经常需要写大量结构相似的静态页面（比如官网、活动页、文档页），重复的 HTML 结构、样式调优特别耗时。 于是我做了这个工具：你只需要写 JSON 配置文件，脚手架会自动渲染出完整的 HTML 页面，核心逻辑全部封装，新手也能 5 分钟上手。
✨ 核心特性
- 零成本上手：无需复杂配置，一行命令生成项目，JSON 配置即改即生效；
- 轻量化无冗余：打包后仅几 KB，无框架依赖，原生 JS 实现，适配所有浏览器；
- 高度可定制：支持自定义模板、样式变量、页面布局，满足个性化需求；
- 一键生成：脚手架内置基础模板，执行命令直接生成可运行的静态页面项目。
🛠️ 快速使用
1. 安装脚手架（npm 全局安装）
# 全局安装最新版
npm install -g create-xiangjsoncraft
2. 一键创建项目
# 创建名为 my-json-page 的项目
create-xiangjsoncraft my-json-page
# 进入项目目录
cd my-json-page
# 直接运行（打开 index.html 即可看到效果）
open index.html
3. 自定义 JSON 配置
修改项目根目录的 config.json，示例配置：
{
"title": "我的 JSON 驱动页面",
"theme": "light",
"components": [
{
"type": "header",
"content": "XiangJsonCraft 脚手架生成的页面"
},
{
"type": "content",
"text": "只需配置 JSON，无需手写 HTML！"
}
]
}
保存后刷新页面，即可看到配置对应的页面效果～
📦 核心依赖 & 技术栈
- 原生 JavaScript（无框架依赖）
- JSON 数据驱动渲染逻辑
- 轻量化模板引擎（内置）
- 零打包工具依赖（直接运行）
🔗 地址汇总
- GitHub 仓库（源码 + 使用文档）：github.com/dxiangwiki/…
- npm 包地址（一键安装）：www.npmjs.com/package/cre…
📌 后续规划
- 支持更多内置组件（按钮、表单、卡片等）；
- 增加主题切换、响应式布局配置；
- 支持导出静态 HTML 文件到指定目录；
- 提供更多自定义模板选择。
🙏 欢迎交流
如果使用过程中有问题、建议，欢迎在 GitHub 提 Issue，也可以在评论区交流～ 希望这个小工具能帮到更多前端开发者，减少重复工作，把精力放在更有价值的逻辑上✨
