AI 编程 Vibe coding 尝试,1 天完成多平台 Markdown 编辑/阅读软件开发

AI 编程 Vibe coding 开发速度果然快,全程开发不到 1 天就完成了这款 Markdown 编辑器 ------Side Markdown,项目 GitHub 地址:https://github.com/simwy/Side-Markdown。

编辑器采用 react+electron 框架开发(最初版本用 html+js+electron,因代码集中导致文件臃肿、维护性差,后续改用 react 框架重构),还整合了 TypeScript、Vite 等技术栈,打包支持 Windows 和 macOS 双平台。

接下来介绍下这款软件的核心功能:

  1. 基础 Markdown 编辑功能,支持目录生成、实时预览(拆分视图),兼容标题、列表、代码块等常用语法;
  2. 实用窗口控制:新增置顶功能(保持窗口在屏幕最前端)、靠边吸附模式(左 / 右靠边,笔记场景高频实用);
  3. 多标签页编辑,支持文件新建 / 打开(多选择)/ 保存 / 关闭等基础操作,搭配撤销 / 重做、查找 / 替换、跳转行号、插入日期时间等编辑工具;
  4. 多语言设置,适配不同用户的使用习惯,切换便捷;
  5. 支持 dark 模式,适配夜间使用场景,有效保护视力。

预览效果:普通模式

Dark模式

靠边吸附模式

相关推荐
乱世刀疤6 小时前
Claude Code实战:捕获视频链接并下载
ai编程
一叶知秋哈12 小时前
ai辅助编程-环境搭建
ai编程
jj008u18 小时前
Garmin 中国区活动同步到国际区的一个简单实现方案
python·ai编程
北城小林19 小时前
【Claude Code】1、ClaudeCode安装(Winddows系统)
ai·ai编程
jarreyer20 小时前
【AI编程】claudecode插件配置记录和trae软件相关配置
前端·chrome·ai编程
CoCo的编程之路1 天前
从“手写UI”到“智能生成”的工具深度评测
人工智能·ai编程·comate·智能编程助手·文心快码baiducomate
Aliex_git1 天前
Claude Code 使用笔记(一)- 配置和基础
人工智能·笔记·学习·ai编程
. . . . .2 天前
Agent Skills、SubAgent、Hooks、Plugin一览表
ai编程
Ftsom2 天前
【3】kilo 消息交互完整示例
agent·ai编程·kilo