网站开发 发布移动网站优化

背景

前两天百度在2025 百度AI开发者大会"如何驾驭Coding Agent分会场"上发布了文心快码，注册试用了一下，感觉改善很不错的，比其他的开发助手要好很多，类似Trae和Cursor，个人感觉比Trae应用起来体验好很多，至少不用排队，功能也很非常强。

使用下面的链接注册可以获得100积分，后续可以兑换高级功能提问次数(利益声明：注册之后，我也可以获赠同等积分)。
注册链接

在网上看到一个应用视频，看起来体验非常不错，于是自己试了一下，实现了一个Electron Markdown编辑器。下面是提问过程，没有任何编码步骤：

Electron 开发 Markdown 编辑器全记录

提问1：

“帮我创建一个Electron应用，实现一个MarkDown编辑器的功能，需要实现”所见即所得“，类似Typaro，尽量使用开源软件，包含完整的开发和编译流程”

文心快码创建了一个应用，并分批创建了多个文件，执行npm start跑起来也正常，印象比较深刻的是自动执行过程中，有报错会自动分析和修正。

不过实现的MarkDown编辑器是左右分屏的，我期望可以实现编辑的时候所见即所得

提问2：

“上面的方法没有实现所见即所得，修改这个编辑器，请更换一个markdown工具库，不分编辑区和预览区，实时编辑预览，类似Typaro”

自动应用之后，可以满足需求，可以编辑时，所见即所得

提问3：

“在页面底部添加一个按钮，点击按钮，窗口可以置顶”

底部新增了一个📌，点击之后窗口会置顶

提问4：

“项目加一下打包流程，可以打包成MacOS和Window的可执行文件或安装包”

自动引入了electron-builder ，执行"npm run build"之后会生成可执行文件

完整项目结构

.
├── build/
│   ├── icon.icns
│   └── icon.ico
├── src/
│   ├── main.js
│   └── renderer.js
├── index.html
├── package.json
└── GUIDE.md