大家好，很高兴又见面了，我是"高级前端‬进阶‬"，由我带着大家一起关注前端前沿、深入前端底层技术，大家一起进步，也欢迎大家关注、点赞、收藏、转发！

什么是 an-codeAI

Gemini 是 Google DeepMind 研发的迄今为止最大、最强、最灵活的 AI 模型 ，能够在从数据中心到移动设备的所有设备上高效运行。 其最先进的功能将显著增强开发人员和企业客户利用人工智能进行构建和扩展的方式。Gemini 有以下三个版本：

• Gemini Ultra：最大、最有能力的模型，适用于高度复杂的任务。
• Gemini Pro：可扩展各种任务的最佳模型。
• Gemini Nano：最高效的设备端任务模型。

而本文的主角 an-codeAI 是一款 AI 工具，通过使用 OpenAI 和 Gemini 技术生成高可用代码，支持 Web（React、Vue、Tailwind CSS、shadcn/ui）、Native（React Native）等底层编码方式，代码使用 GPT-4 Vision 生成，而代码输入源可以是截图、画草稿和输入想法生成。

注意：用户可以在地址 https://www.ancodeai.com/ 快速体验

如何本地使用 an-codeAI

an-codeAI 支持下载并在本地运行：

npm run dev

如何设置 an-codeAI

支持 OpenAI、Gemini（免费），纯粹 Gemini 目前输出并不好。

OpenAI：

• API 密钥 OpenAI
• Base URL（代理 url，默认：https://api.openai.com/v1）
• Mock AI Response(mock AI 返回的数据不直接请求 AI)

Gemini（不推荐）（免费）：

• Gemini API 密钥

本文总结

本文主要和大家介绍 an-codeAI ，其是一款 AI 工具，通过使用 OpenAI 和 Gemini 技术生成高可用代码，支持 Web（React、Vue、Tailwind CSS、shadcn/ui）、Native（React Native）等底层编码方式，代码使用 GPT-4 Vision 生成，而代码输入源可以是截图、画草稿和输入想法生成。 因为篇幅问题，关于 an-codeAI 只是做了一个简短的介绍，但是文末的参考资料以及个人主页提供了大量优秀文档以供学习，如果有兴趣可以自行阅读。如果大家有什么疑问欢迎在评论区留言。

参考资料

https://blog.google/technology/ai/google-gemini-ai/#sundar-note

https://github.com/sparrow-js/an-codeAI?tab=readme-ov-file

https://assetstore.unity.com/packages/tools/behavior-ai/codeai-gpt-script-generator-253674