布局与组件
用可复用组件构建页面
设计布局、提取可复用组件，并在同一个可视化工作区中编辑每个界面。
页面布局
组件树
可复用组件
共享状态
实时预览
直接在浏览器中免费使用编辑器。
可视化脚本编辑器
编程，
从此可视化
前端、后端、数据库、API……告别语法，保留逻辑。
不被厂商锁定
导出你的代码
随处部署
两全其美：兼具代码的自由与无代码的速度。
编程，
你能构建什么？
Luna Park 是一个功能完备的平台，可用于构建各种各样的应用。前端布局
创建多页面响应式布局
组件
构建具有响应式状态的可复用组件
逻辑
用节点以可视化方式组装逻辑
状态库
通过集中式状态库管理应用状态
后端 API
使用 REST API 创建后端服务
数据库
使用 PostgreSQL 数据库管理数据
为什么选择 Luna Park？
为追求更多自由的开发者、团队和企业而打造。无锁定
随时导出整洁易读的源代码，无需任何运行时。
完整技术栈
前端、后端、数据库、API、定时任务，一站搞定。
可视化编程
直接在可视化图中用函数、循环等构建复杂逻辑。
为生产环境而生
从原型到上线部署，无需更换技术栈。
这不是又一个无代码工具
Luna Park 为编程提供了可视化界面。
变量、函数、条件、循环、API、数据库查询和应用状态，都以可视化方式操作，而不是用文本书写。
可视化脚本
以可视化方式创建应用逻辑
用清晰易读的可视化图创建条件、数据流、后端操作和 PostgreSQL 查询。
可视化脚本
类型安全的逻辑
统一的逻辑系统
PostgreSQL 数据库
可视化查询
AI 增强的编辑器，而非 AI 优先
在需要时使用 AI，检查它所做的修改，始终掌控你的应用。使用任意模型，搭配你自己的密钥
MistralOpenAIAnthropicGeminiLocalCustom
01
编辑器优先
AI 集成围绕编辑器设计，而不是反过来。
02
AI 作为辅助
AI 帮你起草，编辑器让每一处修改都清晰可查。
03
自带任意模型
使用你熟悉的任意模型，搭配你自己的 API 密钥。
04
从原型到产品
快速起草界面、逻辑、数据结构和后端流程，然后再逐步完善。
学习并精通 Luna Park
从零开始所需的一切。立即体验可视化脚本！
通过这个交互式演练场，感受可视化脚本的工作方式。
常见问题
关于使用 Luna Park 进行构建，你需要了解的一切。Luna Park 使用了哪些技术？
Luna Park 基于广泛使用的标准技术。前端使用 Vue 和 Vite，后端运行在 Node.js 和 Fastify 上，数据库使用 PostgreSQL。最终得到的是一套常规的现代 Web 技术栈，而不是专有的运行时。
我可以导出项目，并在没有 Luna Park 的情况下继续开发吗？
可以。你可以将项目导出为源代码，并使用你常用的开发工具继续开发。你的应用不会被锁定在 Luna Park 中，导出的代码始终归你所有。
我可以使用 NPM 包吗？
可以。包可以直接从 npm 安装。当包提供 TypeScript 类型时，Luna Park 能推断出其函数、参数和返回类型，并自动将它们作为可视化节点提供。
我可以使用现有的 Vue 组件和组件库吗？
可以。导出 Vue 组件的 NPM 包可以直接安装，其组件可在你的 Luna Park 界面中直接使用。这样你就能充分利用现有的 Vue 生态，而不局限于内置组件。
我可以扩展 Luna Park 或创建自己的插件吗？
可以。Luna Park 拥有插件生态，可通过新的组件、节点和功能来扩展编辑器。你可以使用现有插件，也可以自己开发插件，集成所需的工具和功能。
Luna Park 与手写 Vue/Node 应用有什么不同？
底层概念是相同的，不同的是你使用它们的方式。Luna Park 让你以可视化方式构建界面和应用逻辑，同时底层依然基于你熟悉的技术和编程概念。可以把它看作另一种编程方式，而不是取代编程的抽象层。
我可以在不使用 AI 的情况下使用 Luna Park 吗？
当然可以。AI 是可选的，Luna Park 的设计让你完全不用 AI 也能正常使用。AI 可以在你需要时提供帮助，但可视化编辑器始终是你构建和理解应用的主要方式。
我可以在任何地方部署和托管 Luna Park 项目吗？
可以。Luna Park 项目可以导出并独立部署，因此你不必依赖 Luna Park 的托管基础设施。你可以选择最适合你项目的托管服务商和基础设施。