乐于分享
好东西不私藏

我用AI写了一个Markdown编辑器,全程没写一行代码

我用AI写了一个Markdown编辑器,全程没写一行代码

从一个想法到一个完整的桌面应用

最近我做了一件事:用 AI 从零开发了一个 macOS 桌面端 Markdown 编辑器 —— Mink

不是用 AI 辅助写代码,而是全程没有手动写过一行代码

所有的架构设计、功能实现、Bug 修复、样式调整,都是通过和 AI 对话完成的。我只负责提需求、测试、反馈问题。

这篇文章不是要吹 AI 多厉害,而是想分享一下这个过程中的真实体验。


一、Mink是什么?

Mink 是一个简约的所见即所得 Markdown 编辑器,基于 Electron + TipTap 构建。

它的核心特点:

  • • ✍️ 所见即所得 — 不用记 Markdown 语法,直接排版
  • • 🌗 三模式主题 — 浅色 / 深色 / 跟随系统,一键切换
  • • 📁 文件管理 — 侧边栏文件夹浏览,支持新建、重命名、删除
  • • 🤖 AI 集成 — 选中文字 AI 润色、翻译、续写,侧边 AI 对话
  • • 🔄 自动更新 — 内置更新检查,发现新版本自动下载安装
  • • 🌍 中英双语 — 完整的国际化支持

二、为什么要做这个?

市面上不缺 Markdown 编辑器。Typora、Obsidian、Bear——都是优秀的产品。

但我想验证一件事:

不写代码,能不能只通过 AI 对话,做出一个可用的桌面应用?

答案是:可以。

当然,”可用”不等于”完美”。过程中踩了不少坑,但最终确实做出来了一个功能完整、可以日常使用的编辑器。


三、开发过程

第一阶段:搭框架

我告诉 AI:”用 Electron + Vite 搭一个 Markdown 编辑器的框架,要有侧边栏、编辑区、状态栏。”

AI 生成了完整的项目结构、配置文件、主进程和渲染进程代码。第一次运行就能看到一个基本的界面。

第二阶段:核心编辑

接下来是 TipTap 编辑器的集成:标题、列表、代码块、表格、链接、图片……每个功能都是一轮对话。

我会说:”加一个任务列表功能,要能勾选。”

AI 就会修改对应的代码,装上需要的插件,调好样式。

第三阶段:打磨细节

这个阶段花的时间最多。比如:

  • • “侧边栏的灰色太深了,要再淡一点”
  • • “菜单里怎么有英文?应该全部是中文”
  • • “关于界面要显示 logo 和官网链接”
  • • “这个快捷键跟系统冲突了”

每一个细节都是一轮对话。AI 改了,我测试,发现问题再反馈。

第四阶段:AI 功能

最有意思的部分——给编辑器加 AI 能力:

  • • 选中文字,弹出工具栏,可以让 AI 润色、翻译、解释、续写
  • • 侧边聊天面板,随时跟 AI 对话
  • • 支持 OpenAI、Claude、Ollama 多个 AI 提供商

用 AI 开发的编辑器,又集成了 AI 功能。 套娃了属于是。

第五阶段:发布

打包成 DMG,上传到 GitHub Release,配置自动更新——整个发布流程也是 AI 完成的。


四、踩过的坑

过程并非一帆风顺,记录几个典型的问题:

1. 启动白屏(FOUC)

Electron 窗口创建后立即显示,但 CSS 还没加载完,导致用户看到一闪而过的白色页面。AI 的第一个方案没生效,反复调试了几轮才解决——用 ready-to-show 事件代替 did-finish-load

2. 快捷键冲突

AI 补全功能最初设置为 Ctrl+Space 触发,但这在 macOS 上是切换输入法的快捷键。改成了 ⌥/

3. 菜单翻译不生效

Electron 的 role 属性会强制覆盖自定义的 label。”切换全屏”和”开发者工具”始终显示英文,最后去掉 role,改成手动实现功能才解决。

4. 两份 i18n

主进程和渲染进程各有一份独立的国际化文件,加翻译只加了一份,另一份忘了。这种”两处维护同一逻辑”的问题,AI 也会犯。

五、一些感受

AI 擅长什么:

  • • 快速搭建项目框架
  • • 实现具体功能(给出需求就能写代码)
  • • 修复明确的 Bug

AI 不擅长什么:

  • • 审美判断(”这个颜色好不好看”它没法判断)
  • • 全局一致性(改了 A 忘了 B)
  • • 理解隐含需求(你得把想要的效果描述清楚)

我的角色是什么:

  • • 产品经理:决定要做什么
  • • 测试工程师:验证做得对不对
  • • 用户:感受体验好不好

代码本身?一行都没写。


六、最后

Mink 已经开源,代码在 GitHub 上:

🔗 GitHub: https://github.com/irwinai/Mink

🌐 官网: https://website-xi-jet-21.vercel.app/

如果你也想试试用 AI 做一个自己的应用,Mink 的整个开发过程可以作为参考。

不需要会写代码,但需要知道自己想要什么——这可能是 AI 时代最重要的技能。


本文由 Mink 编辑器撰写。对,连写文章用的编辑器,也是 AI 做的。

END

来源:艾小仙


版权归原作者所有,如有侵权,请联系删除
推荐阅读
福禄克17B拆解,竟然还分国内版、国外版?
他开发了最厉害的操作系统,却被比尔·盖茨“偷”走了
你的代码好骚啊!你跟我说这是C语言最新C23标准,embed能嵌入二进制文件?
→点关注,不迷路←
本站文章均为手工撰写未经允许谢绝转载:夜雨聆风 » 我用AI写了一个Markdown编辑器,全程没写一行代码

猜你喜欢

  • 暂无文章