
墨刀AI当前不生成通用编程语言如Python、Java或C++的业务逻辑代码,它专注在前端界面工程化落地,只输出可直接集成进真实项目的前端框架代码。
目前正式支持的前端框架
墨刀AI已上线并稳定提供服务的代码生成目标是:Vue 3(Composition API + TypeScript) 和 React(函数组件 + JSX)。
两种框架均输出标准单文件组件(SFC)或函数组件文件,包含完整的 <template> / <div> 结构、<script setup> 或 const Component = () => { ... } 逻辑块、以及带 scoped 的 <style> 区域。
不支持的语言与常见误解
墨刀AI不生成:HTML/CSS/JS 独立片段、jQuery 脚本、Node.js 后端代码、Flutter/Dart、小程序原生语法(如微信小程序 WXML)、或者任何非 Web 前端渲染层的代码。
它也不输出 Vue2 Options API、Vue Class API、React Class Component 等旧范式——【所有 Vue 输出强制使用 <script setup>】,这是硬性规范,无法切换。
技术栈选择位置
第一步:在墨刀AI中完成界面生成(无论是输入文字描述让AI画,还是已有画布页面)→ 第二步:点击右侧面板「AI」→ 第三步:在「导出代码」弹窗中明确勾选「Vue」或「React」→ 第四步:确认后自动生成对应结构的代码,编辑器内实时预览。
注意:Vue 选项仅对应 Vue3 工程标准,React 选项默认输出 Vite 环境下可直跑的函数组件,无额外配置项。




首页
AI对话
资讯
我的