如何用 AI 一站式开发浏览器应用？而你只需要和 AI 对话

首先感谢 Shuyi Wang 老师发布关于 bolt 的介绍视频：如何用 AI 一站式开发 Web 应用？

真能这么简单？刚好最近有个想法，浏览器【沉浸式翻译】这个插件是好用，但想用本地大模型以节省开支，那是不可能的，所以就有了下面这个尝试：【我想制作 edge 浏览器插件，它可以通过调用本地 ollama 服务对网页进行翻译，类似沉浸式翻译的功能。】

先说结果【TL;DR】：

• 结果是惊艳的，通过 3 次沟通就成功运行。
• 当时的想法就是【卧槽】【牛B】。
• 见下图，右上角的 Ollama Translator 就是浏览器插件：
  

操作流程如下：

1. 打开：bolt 官网并登录；
2. 在聊天框输入【我想制作 edge 浏览器插件，它可以通过调用本地 ollama 服务对网页进行翻译，类似沉浸式翻译的功能。】并回车；
3. 等待几分钟，结果如下图；
   
4. 按照左侧提示，保存源代码到本地自建的 ollama-translator 文件夹下，然后在 edge 浏览器地址栏输入 edge://extensions/，并加载我们的ollama-translator 文件夹，就可以使用了；

注意事项：

1. 提前安装好 Ollama 工具并下载对应模型；
2. 上面 bolt 生成的源代码需要根据你的需求进行修改，比如：需要根据你的模型名进行相应修改。当然你可以告诉 bolt，让它帮你修改，再根据修改结果更新你本地源代码就好；