Google AI Studio Starter Applets 项目教程

Google AI Studio Starter Applets 项目教程

starter-applets Google AI Studio Starter Apps 项目地址: https://gitcode.com/gh_mirrors/st/starter-applets

1. 项目目录结构及介绍

Google AI Studio Starter Applets 项目包含以下几个主要目录和文件：

• maps/：包含与地图相关的示例应用代码。
• spatial/：包含展示 Gemini 空间理解能力的应用代码。
• video/：包含视频分析相关的示例应用代码。
• CONTRIBUTING.md：贡献指南，说明如何参与项目的贡献。
• LICENSE：项目使用的 Apache-2.0 许可证文件。
• README.md：项目说明文件，提供项目的基本信息和使用说明。

每个目录下都包含了对应应用类型的示例代码和必要的资源文件。

2. 项目的启动文件介绍

项目的启动文件根据不同的应用类型分布在不同的目录中：

• maps/ 目录下的启动文件通常是 index.html 和 main.ts（TypeScript 入口文件）。
• spatial/ 目录下的启动文件是 index.html 和 App.tsx（React 组件）。
• video/ 目录下的启动文件是 index.html 和 main.js（JavaScript 入口文件）。

这些文件是启动和运行各个应用的关键，其中 index.html 是应用的入口 HTML 文件，而 main.ts 或 main.js 是应用的主要逻辑文件。

3. 项目的配置文件介绍

项目的配置文件主要包括：

• .env：环境变量配置文件，用于存放 Gemini API 密钥等敏感信息。
• package.json：Node.js 项目配置文件，定义了项目的依赖、脚本和元数据。
• tsconfig.json（如果使用 TypeScript）：TypeScript 配置文件，定义了 TypeScript 编译器的选项。

在 .env 文件中，你需要将你的 Gemini API 密钥设置为环境变量，如下所示：

REACT_APP_GEMINI_API_KEY=your_gemini_api_key

确保不要将 .env 文件提交到版本控制系统中，以保护你的 API 密钥安全。

以上就是 Google AI Studio Starter Applets 项目的目录结构、启动文件和配置文件的简要介绍。你可以根据这些信息开始你的开发工作，并且参考项目的官方文档来深入了解每个应用的详细用法。

starter-applets Google AI Studio Starter Apps 项目地址: https://gitcode.com/gh_mirrors/st/starter-applets