即刻App年轻人的同好社区
下载
置顶bolt.new 极简复刻版，我们实现了 AI 交互，在浏览器中通过 chat 修改工作区代码，生成了一个 TODO 应用。
代码部分基本完成了，之后整理一下写个教程吧。
仓库传送门：
github.com
代码部分基本完成了，之后整理一下写个教程吧。
仓库传送门：
github.com
9 10
如何复刻现在最火的 bolt.new 第三部分：连接虚拟文件系统，完成浏览器内的完整开发环境。
文件树+编辑器+终端，约等于浏览器里的 vscode。下一步就是激动人心的时刻，把这些和ai接起来，让ai调用这些工具来编程了。
当然这也将会是最有含金量的部分。
教程地址：
github.com
文件树+编辑器+终端，约等于浏览器里的 vscode。下一步就是激动人心的时刻，把这些和ai接起来，让ai调用这些工具来编程了。
当然这也将会是最有含金量的部分。
教程地址：
github.com
7 10
我大受震撼。
bolt.new（开源版）并不保存浏览器中虚拟文件系统的状态，而是只保存chat history，每次重开根据chat重建状态。
如此的力大砖飞，如此的简单粗暴。就像有人告诉你，最短的路就在那里，拿起锤子砸过这面墙就到了。
关键是还巨合理！如果不这么做，那中间可不止产生了文件，还有那些npm命令之类的东西，管理起来会无比头大。bolt.new 的 chat history 约等于 dockerfile。
它的思路是 artifact 的延伸，围绕一条 chat 链来构建剩下所有的东西，chat history 是 ground truth。
越研究越感觉，这玩意和 cursor 表现形式类似，但是是完全不同的两个技术路线，发展方向。
bolt.new（开源版）并不保存浏览器中虚拟文件系统的状态，而是只保存chat history，每次重开根据chat重建状态。
如此的力大砖飞，如此的简单粗暴。就像有人告诉你，最短的路就在那里，拿起锤子砸过这面墙就到了。
关键是还巨合理！如果不这么做，那中间可不止产生了文件，还有那些npm命令之类的东西，管理起来会无比头大。bolt.new 的 chat history 约等于 dockerfile。
它的思路是 artifact 的延伸，围绕一条 chat 链来构建剩下所有的东西，chat history 是 ground truth。
越研究越感觉，这玩意和 cursor 表现形式类似，但是是完全不同的两个技术路线，发展方向。
4 11
如何做现在最火的 chat to code 应用第二部分：
现在已经实现浏览器中的代码编辑器、终端，运行 node 程序，把结果展示在iframe。
下一步就是集成AI coding了。离 bolt.new 复刻版，还差两步。
代码传送门：github.com
2-editor-terminal-preview/ 目录下为这一阶段的完整代码。
===
周末有空的话会写点文档解释一下，不过更大的可能是有新站要上。
现在已经实现浏览器中的代码编辑器、终端，运行 node 程序，把结果展示在iframe。
下一步就是集成AI coding了。离 bolt.new 复刻版，还差两步。
代码传送门：github.com
2-editor-terminal-preview/ 目录下为这一阶段的完整代码。
===
周末有空的话会写点文档解释一下，不过更大的可能是有新站要上。
13 04
复刻丐版 bolt.new 的教程，刚完成了第一阶段—在浏览器中运行 node，终端，npm和虚拟文件系统。摸摸我自己。
这个的最终目标是教会我自己（或许还有读者），做现在最火的 chat to code 应用。
前情提要：m.okjike.com
仓库在此，欢迎来看：github.com
看的人越多，之后的教程应该会越详细。
这个的最终目标是教会我自己（或许还有读者），做现在最火的 chat to code 应用。
前情提要：m.okjike.com
仓库在此，欢迎来看：github.com
看的人越多，之后的教程应该会越详细。
12 11
准备开个教程仓库，如何从零开始做一个猴版 bolt.new，实现浏览器内 chat to code 的开发环境。我大概有七成把握，发出来看看大家有多大兴趣，有的话我就写的详细一点。
接下来半年，ai code 工具肉眼可见还会火，这时候做这个的教程，对我来说也会是一个有益的技术储备，当然也是比较开心的实验。
===
缘起：最近调研了 bolt.new 的源码和周边技术，感觉现在这个时间点，实现这种 chat to code 工具，除了个别卡点以外，大部分都不是那么难了。
（说的就是你 webcontainer，浏览器内的node运行时，目前还没有一个好用的开源解决方案。）
（不过他的技术实现我感觉我拆清楚了，最坏情况可以通过quickjs+wasm自己攒，不过这个教程里准备还是用 stackblitz 的 webcontainer api，这个非盈利就没问题。）
接下来半年，ai code 工具肉眼可见还会火，这时候做这个的教程，对我来说也会是一个有益的技术储备，当然也是比较开心的实验。
===
缘起：最近调研了 bolt.new 的源码和周边技术，感觉现在这个时间点，实现这种 chat to code 工具，除了个别卡点以外，大部分都不是那么难了。
（说的就是你 webcontainer，浏览器内的node运行时，目前还没有一个好用的开源解决方案。）
（不过他的技术实现我感觉我拆清楚了，最坏情况可以通过quickjs+wasm自己攒，不过这个教程里准备还是用 stackblitz 的 webcontainer api，这个非盈利就没问题。）
20 33
和朋友聊到，不要执迷于独立开发中的“独立”，在此备忘一下：
穷则独立开发，达则拉团队干。
独立是一种成本控制手段。你能全流程搞下来，哪怕是很粗糙的糊一个解决方案，那就意味着最坏情况下，你可以不用依赖外部要素直接交付。这就像战略纵深，你可以不用，但是必须得有。
独立也是你在冷启动时间段，可以做到一人吃饱全家不饿，几乎就是无限子弹，虽然马力小点杠杆小点。
杠杆这方面确实不比拿钱，拿钱相当于飞机游戏里有雷可以一键清屏，没钱就只能一下下苦逼的打。那我们就要在别的地方找杠杆—自媒体、ai辅助、靠谱的信息源和合作伙伴等等。
总之灵活点，赚钱本身就很难了，像顶着一个大水缸走路，如果再顶任何一个别的执念，那恐怕都要翻车。
穷则独立开发，达则拉团队干。
独立是一种成本控制手段。你能全流程搞下来，哪怕是很粗糙的糊一个解决方案，那就意味着最坏情况下，你可以不用依赖外部要素直接交付。这就像战略纵深，你可以不用，但是必须得有。
独立也是你在冷启动时间段，可以做到一人吃饱全家不饿，几乎就是无限子弹，虽然马力小点杠杆小点。
杠杆这方面确实不比拿钱，拿钱相当于飞机游戏里有雷可以一键清屏，没钱就只能一下下苦逼的打。那我们就要在别的地方找杠杆—自媒体、ai辅助、靠谱的信息源和合作伙伴等等。
总之灵活点，赚钱本身就很难了，像顶着一个大水缸走路，如果再顶任何一个别的执念，那恐怕都要翻车。
23 01
