douhan
背景
我们在AI SunStudio上，通过自然语言生成了一个APP后，如果想要使用每次都要开魔法上去就比较麻烦。
通过本地部署，可以：
- 在本地就能打开应用
- 在本地迭代（如新增非Gemini的API接口）
准备工作
- 你已在AI Studio上build过了一个应用
- 你有一个本地的AI IDE
- 魔法上网，主要用于前面第1步
实践操作
1. 下载AI Studio上的应用
在右上角点击下载到本地，然后解压到《SunStudio》文件夹中。
2. 安装好本地AI IDE：Trae
IDE就是编辑器的意思，这里介绍一款我自己在用的AI IDE —— Trae。
Trae对于一些简单的脚本、项目来说是挺够用的了。
-
- 大陆服：https://www.trae.cn/
- 可免费使用国内的大模型，其中KIMI和DeepSeek用来编程也不错。
- 国际服：https://www.trae.ai/
- 可使用当前大部分主流模型，但是需要付费，每月10刀，首充3刀。
下载》安装》右键点击Trae图标，以管理员模式运行Trae：
|
 |
3. 通过Trae打开文件夹《SunStudio》
 |
 |
通过打开文件夹，可以看到《SunStudio》中的所有文件。
我是直接把这个文件夹放到我的根目录下，所以会显示出「sunstudio」的名称。
在IDE的右下角可以看到：
- Chat：与AI对话，但AI无法改动你的东西
- Builder：AI可以增删改文件代码，这里主要用到这个模式。
- Auto Mode：自动判断会用到哪个AI，我一般习惯用GPT-5。
- Max Mode：强力模式，会用到比较多的Token，适合复杂场景，一般不用开。
其他模式用不到不介绍了，有兴趣可以自己问下AI。
 |
 |
4. 通过AI来安装所需的库
一般需要先安装一个Node.js的库：
- 网站：nodejs.org
- 建议自己上网站选择合适的版本安装，具体细节不懂的问AI就行。
其他一些库通过AI来检查就行，如下图左边输入简单提示词，然后通过AI优化为完整的需求：
5. 然后duang的一下就可以用了
实际上，大概跑了两三分钟左右吧。
这里注意一下，我们API KEY还没有填，是没办法生视频的。
6. API KEY填写
根据《README.md》文档，可知要在《.env.local》中填入GEMINI的API KEY：
打开《.env.local》文件，填入GEMINI的API KEY，注意KEY要用半角””包裹起来。
7. 测试
现在Trae中试一下是不是能用了：
注意保持 魔法/科学 上网。
选了Fast模式，但还是感觉有点慢，反正出来了。
上面是直接在Trae上打开的，下面在介绍平常如何打开。
8. 网页端打开APP
WIN + R ：输入cmd，然后回车，打开终端（这里针对WIN系统，macOS也差不多）
注意cd到我们文件夹根目录，然后输入指令：npm run dev
接下来会出现一个Local的地址，把这个地址（ http://localhost:3001/）复制到浏览器打开。
这里我再测试一遍：
成功生成了一只花蝴蝶。
用完后，cmd直接关掉就行了。
