除了 HTML 之外，Gemini Canvas 還支援 React 程式碼的即時預覽。來源提到，Gemini Canvas 包含以程式設計為中心的功能，包括生成和預覽 HTML、React 程式碼和其他網路應用程式原型。這表示使用者可以在 Canvas 中直接預覽以 React 框架編寫的程式碼，以便快速迭代和調整。此外，Gemini Canvas 也支援其他網路應用程式原型的生成和預覽，但具體支援哪些額外的程式語言或框架，來源中並未明確列出。
Gemini Canvas 旨在簡化程式碼生成和預覽流程，讓使用者可以更有效率地開發網頁應用程式。透過 Canvas，使用者可以要求 Gemini 生成程式碼，例如 HTML 或 React 程式碼，並立即預覽結果。如果預覽結果不符合預期，使用者可以向 Gemini 發出修改指令，Canvas 會迭代地刷新預覽，讓使用者可以即時看到變更。這種即時互動和迭代功能，有助於加速開發過程，並提高程式碼品質。
Gemini Canvas 支援 Vibe Coding 功能，使用者可以透過自然語言向 AI 下達指令，生成具備特定功能的程式碼。來源提到，Gemini Canvas 可以透過簡單指令製作出俄羅斯方塊和倖存者等經典遊戲類型。使用者可以在 Canvas 上隨時切換 HTML 程式碼頁面及預覽頁面，以便隨時調整程式碼並查看效果。這表明 Gemini Canvas 在遊戲開發方面也具有一定的應用潛力，並可以幫助開發者快速原型化遊戲概念。
This is a simplified version of the page. Some interactive features are only available in the full version.
本頁為精簡版，部分互動功能僅限完整版使用。
👉 View Full Version | 前往完整版內容