Google云开发环境Project IDX开通使用指南

(adsbygoogle = window.adsbygoogle || []).push({});

目录

• Google Project IDX简介
• 申请IDX
• Project IDX功能预览
  • 创建工程
  • 开发
  • 跨平台预览
  • IDX人工智能生成代码
• 使用 Firebase 托管发布到网络

Google Project IDX简介

谷歌于2023 年 8 月 9 日宣布推出 IDX 项目，该项目旨在提供AI支持的云IDE环境，可用于构建全栈网络和多平台应用程序。它目前支持 Angular、Flutter、Next.js、React、Svelte 和 Vue 等框架以及 JavaScript 和 Dart 等语言，并正在支持 Python、Go 和其他语言。

Google IDX基于Visual Studio Code，集成Codey（Google 基于 PaLM 2 的编程任务基础模型），支持智能代码补全，这是一个类似 ChatGPT/Bard 的聊天机器人，可以帮助开发人员解决一般编码问题，并能够添加上下文代码操作，例如“添加注释”。

Google声称IDX能帮助开发者不仅更快地编写代码，而且还能编写更高质量的代码。

申请IDX

目前IDX在内测中，需要申请才能试用。

申请地址(科学上网):https://idx.dev/ (opens new window)

点击“Join Waitlist”

填写信息

点击“Join”按钮

这样就加入等待列表了，通过后，Google会发邮件给你，据官方透露目前申请人较多，排队时间大约在1周~2周。

(adsbygoogle = window.adsbygoogle || []).push({});

Project IDX功能预览

创建工程

登录后创建工程，目前支持多种流行框架

可以从 GitHub 导入现有项目，或使用适用于 Angular、React、Next.js、Svelte、Vue、Flutter 等流行框架以及 JavaScript、Dart、Python、Go 等语言的模板创建新项目。

从GitHub导入工程

开发

Project IDX 允许开发人员在任何地方、任何设备上工作，并完全跟本地开发一样。 熟悉VSCode可以无缝迁移到IDX平台，右侧就是IDX AI提示区，用法跟Chat GTP一样

跨平台预览

IDX内置Web预览，以及即将推出的Android模拟器和iOS模拟器，所有这些都可以直接在浏览器中使用。

IDX人工智能生成代码

IDX AI 功能是这个项目的核心，提供AI代码补全、辅助聊天AI等操作。

生成代码,如：生成一段促销代码输入框

代码解析，让AI进行代码解释，选择一段代码，AI会解释这段代码的含义

生成代码注释，选择一段代码，IDX会自动生成注释

使用 Firebase 托管发布到网络

IDX集成Firebase Hosting，开发好的WEB应用可以一键部署到生产环境

(adsbygoogle = window.adsbygoogle || []).push({});