CINXE.COM
Get code help with Gemini | Project IDX | Google for Developers
<!doctype html> <html lang="en" dir="ltr"> <head> <meta name="google-signin-client-id" content="721724668570-nbkv1cfusk7kk4eni4pjvepaus73b13t.apps.googleusercontent.com"> <meta name="google-signin-scope" content="profile email https://www.googleapis.com/auth/developerprofiles https://www.googleapis.com/auth/developerprofiles.award"> <meta property="og:site_name" content="Google for Developers"> <meta property="og:type" content="website"><meta name="theme-color" content="#fff"><meta charset="utf-8"> <meta content="IE=Edge" http-equiv="X-UA-Compatible"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="manifest" href="/_pwa/developers/manifest.json" crossorigin="use-credentials"> <link rel="preconnect" href="//www.gstatic.com" crossorigin> <link rel="preconnect" href="//fonts.gstatic.com" crossorigin> <link rel="preconnect" href="//fonts.googleapis.com" crossorigin> <link rel="preconnect" href="//apis.google.com" crossorigin> <link rel="preconnect" href="//www.google-analytics.com" crossorigin><link rel="stylesheet" href="//fonts.googleapis.com/css?family=Google+Sans:400,500|Roboto:400,400italic,500,500italic,700,700italic|Roboto+Mono:400,500,700&display=swap"> <link rel="stylesheet" href="//fonts.googleapis.com/css2?family=Material+Icons&family=Material+Symbols+Outlined&display=block"><link rel="stylesheet" href="https://www.gstatic.com/devrel-devsite/prod/v870e399c64f7c43c99a3043db4b3a74327bb93d0914e84a0c3dba90bbfd67625/developers/css/app.css"> <link rel="shortcut icon" href="https://www.gstatic.com/devrel-devsite/prod/v870e399c64f7c43c99a3043db4b3a74327bb93d0914e84a0c3dba90bbfd67625/developers/images/favicon-new.png"> <link rel="apple-touch-icon" href="https://www.gstatic.com/devrel-devsite/prod/v870e399c64f7c43c99a3043db4b3a74327bb93d0914e84a0c3dba90bbfd67625/developers/images/touchicon-180-new.png"><link rel="canonical" href="https://developers.google.com/idx/guides/code-with-gemini-in-idx"><link rel="search" type="application/opensearchdescription+xml" title="Google for Developers" href="https://developers.google.com/s/opensearch.xml"> <link rel="alternate" hreflang="en" href="https://developers.google.com/idx/guides/code-with-gemini-in-idx" /><link rel="alternate" hreflang="x-default" href="https://developers.google.com/idx/guides/code-with-gemini-in-idx" /><link rel="alternate" hreflang="ar" href="https://developers.google.com/idx/guides/code-with-gemini-in-idx?hl=ar" /><link rel="alternate" hreflang="bn" href="https://developers.google.com/idx/guides/code-with-gemini-in-idx?hl=bn" /><link rel="alternate" hreflang="zh-Hans" href="https://developers.google.com/idx/guides/code-with-gemini-in-idx?hl=zh-cn" /><link rel="alternate" hreflang="zh-Hant" href="https://developers.google.com/idx/guides/code-with-gemini-in-idx?hl=zh-tw" /><link rel="alternate" hreflang="fa" href="https://developers.google.com/idx/guides/code-with-gemini-in-idx?hl=fa" /><link rel="alternate" hreflang="fr" href="https://developers.google.com/idx/guides/code-with-gemini-in-idx?hl=fr" /><link rel="alternate" hreflang="de" href="https://developers.google.com/idx/guides/code-with-gemini-in-idx?hl=de" /><link rel="alternate" hreflang="he" href="https://developers.google.com/idx/guides/code-with-gemini-in-idx?hl=he" /><link rel="alternate" hreflang="hi" href="https://developers.google.com/idx/guides/code-with-gemini-in-idx?hl=hi" /><link rel="alternate" hreflang="id" href="https://developers.google.com/idx/guides/code-with-gemini-in-idx?hl=id" /><link rel="alternate" hreflang="it" href="https://developers.google.com/idx/guides/code-with-gemini-in-idx?hl=it" /><link rel="alternate" hreflang="ja" href="https://developers.google.com/idx/guides/code-with-gemini-in-idx?hl=ja" /><link rel="alternate" hreflang="ko" href="https://developers.google.com/idx/guides/code-with-gemini-in-idx?hl=ko" /><link rel="alternate" hreflang="pl" href="https://developers.google.com/idx/guides/code-with-gemini-in-idx?hl=pl" /><link rel="alternate" hreflang="pt-BR" href="https://developers.google.com/idx/guides/code-with-gemini-in-idx?hl=pt-br" /><link rel="alternate" hreflang="ru" href="https://developers.google.com/idx/guides/code-with-gemini-in-idx?hl=ru" /><link rel="alternate" hreflang="es-419" href="https://developers.google.com/idx/guides/code-with-gemini-in-idx?hl=es-419" /><link rel="alternate" hreflang="th" href="https://developers.google.com/idx/guides/code-with-gemini-in-idx?hl=th" /><link rel="alternate" hreflang="tr" href="https://developers.google.com/idx/guides/code-with-gemini-in-idx?hl=tr" /><link rel="alternate" hreflang="vi" href="https://developers.google.com/idx/guides/code-with-gemini-in-idx?hl=vi" /><title>Get code help with Gemini | Project IDX | Google for Developers</title> <meta property="og:title" content="Get code help with Gemini | Project IDX | Google for Developers"><meta property="og:url" content="https://developers.google.com/idx/guides/code-with-gemini-in-idx"><meta property="og:image" content="https://www.gstatic.com/devrel-devsite/prod/v870e399c64f7c43c99a3043db4b3a74327bb93d0914e84a0c3dba90bbfd67625/developers/images/opengraph/white.png"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="675"><meta property="og:locale" content="en"><meta name="twitter:card" content="summary_large_image"><script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Article", "headline": "Get code help with Gemini" } </script><script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "Project IDX", "item": "https://developers.google.com/idx" },{ "@type": "ListItem", "position": 2, "name": "Get code help with Gemini", "item": "https://developers.google.com/idx/guides/code-with-gemini-in-idx" }] } </script> <link rel="stylesheet" href="/extras.css"></head> <body class="" template="page" theme="white" type="article" layout="docs" concierge='closed' display-toc pending> <devsite-progress type="indeterminate" id="app-progress"></devsite-progress> <section class="devsite-wrapper"> <devsite-cookie-notification-bar></devsite-cookie-notification-bar><devsite-header role="banner"> <div class="devsite-header--inner nocontent"> <div class="devsite-top-logo-row-wrapper-wrapper"> <div class="devsite-top-logo-row-wrapper"> <div class="devsite-top-logo-row"> <button type="button" id="devsite-hamburger-menu" class="devsite-header-icon-button button-flat material-icons gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Navigation menu button" visually-hidden aria-label="Open menu"> </button> <div class="devsite-product-name-wrapper"> <a href="https://developers.google.com/idx"> <div class="devsite-product-logo-container" size="medium" > <picture> <img class="devsite-product-logo" alt="Project IDX" src="https://developers.google.com/static/idx/images/icon-192.png" srcset="https://developers.google.com/static/idx/images/icon-192_36.png 36w, https://developers.google.com/static/idx/images/icon-192_48.png 48w, https://developers.google.com/static/idx/images/icon-192_72.png 72w, https://developers.google.com/static/idx/images/icon-192_96.png 96w, https://developers.google.com/static/idx/images/icon-192_480.png 480w, https://developers.google.com/static/idx/images/icon-192_720.png 720w, https://developers.google.com/static/idx/images/icon-192_856.png 856w, https://developers.google.com/static/idx/images/icon-192_960.png 960w, https://developers.google.com/static/idx/images/icon-192_1440.png 1440w, https://developers.google.com/static/idx/images/icon-192_1920.png 1920w, https://developers.google.com/static/idx/images/icon-192_2880.png 2880w" sizes="64px" loading="lazy" > </picture> </div> </a> <span class="devsite-product-name"> <ul class="devsite-breadcrumb-list" > <li class="devsite-breadcrumb-item "> <a href="https://developers.google.com/idx" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Upper Header" data-value="1" track-type="globalNav" track-name="breadcrumb" track-metadata-position="1" track-metadata-eventdetail="Project IDX" > Project IDX </a> </li> </ul> </span> </div> <div class="devsite-top-logo-row-middle"> <div class="devsite-header-upper-tabs"> <devsite-tabs class="upper-tabs"> <nav class="devsite-tabs-wrapper" aria-label="Upper tabs"> <tab class="devsite-active"> <a href="https://developers.google.com/idx/guides" track-metadata-eventdetail="https://developers.google.com/idx/guides" class="devsite-tabs-content gc-analytics-event " track-type="nav" track-metadata-position="nav - docs" track-metadata-module="primary nav" aria-label="Docs, selected" data-category="Site-Wide Custom Events" data-label="Tab: Docs" track-name="docs" > Docs </a> </tab> <tab > <a href="https://developers.google.com/idx/support/help" track-metadata-eventdetail="https://developers.google.com/idx/support/help" class="devsite-tabs-content gc-analytics-event " track-type="nav" track-metadata-position="nav - support" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Support" track-name="support" > Support </a> </tab> <tab > <a href="http://idx.dev/blog" track-metadata-eventdetail="http://idx.dev/blog" class="devsite-tabs-content gc-analytics-event " track-type="nav" track-metadata-position="nav - blog" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Blog" track-name="blog" > Blog </a> </tab> </nav> </devsite-tabs> </div> <devsite-search enable-signin enable-search enable-suggestions enable-query-completion project-name="Project IDX" tenant-name="Google for Developers" project-scope="/idx" url-scoped="https://developers.google.com/s/results/idx" > <form class="devsite-search-form" action="https://developers.google.com/s/results" method="GET"> <div class="devsite-search-container"> <button type="button" search-open class="devsite-search-button devsite-header-icon-button button-flat material-icons" aria-label="Open search"></button> <div class="devsite-searchbox"> <input aria-activedescendant="" aria-autocomplete="list" aria-label="Search" aria-expanded="false" aria-haspopup="listbox" autocomplete="off" class="devsite-search-field devsite-search-query" name="q" placeholder="Search" role="combobox" type="text" value="" > <div class="devsite-search-image material-icons" aria-hidden="true"> </div> <div class="devsite-search-shortcut-icon-container" aria-hidden="true"> <kbd class="devsite-search-shortcut-icon">/</kbd> </div> </div> </div> </form> <button type="button" search-close class="devsite-search-button devsite-header-icon-button button-flat material-icons" aria-label="Close search"></button> </devsite-search> </div> <devsite-language-selector> <ul role="presentation"> <li role="presentation"> <a role="menuitem" lang="en" >English</a> </li> <li role="presentation"> <a role="menuitem" lang="de" >Deutsch</a> </li> <li role="presentation"> <a role="menuitem" lang="es" >Español</a> </li> <li role="presentation"> <a role="menuitem" lang="es_419" >Español – América Latina</a> </li> <li role="presentation"> <a role="menuitem" lang="fr" >Français</a> </li> <li role="presentation"> <a role="menuitem" lang="id" >Indonesia</a> </li> <li role="presentation"> <a role="menuitem" lang="it" >Italiano</a> </li> <li role="presentation"> <a role="menuitem" lang="pl" >Polski</a> </li> <li role="presentation"> <a role="menuitem" lang="pt_br" >Português – Brasil</a> </li> <li role="presentation"> <a role="menuitem" lang="vi" >Tiếng Việt</a> </li> <li role="presentation"> <a role="menuitem" lang="tr" >Türkçe</a> </li> <li role="presentation"> <a role="menuitem" lang="ru" >Русский</a> </li> <li role="presentation"> <a role="menuitem" lang="he" >עברית</a> </li> <li role="presentation"> <a role="menuitem" lang="ar" >العربيّة</a> </li> <li role="presentation"> <a role="menuitem" lang="fa" >فارسی</a> </li> <li role="presentation"> <a role="menuitem" lang="hi" >हिंदी</a> </li> <li role="presentation"> <a role="menuitem" lang="bn" >বাংলা</a> </li> <li role="presentation"> <a role="menuitem" lang="th" >ภาษาไทย</a> </li> <li role="presentation"> <a role="menuitem" lang="zh_cn" >中文 – 简体</a> </li> <li role="presentation"> <a role="menuitem" lang="zh_tw" >中文 – 繁體</a> </li> <li role="presentation"> <a role="menuitem" lang="ja" >日本語</a> </li> <li role="presentation"> <a role="menuitem" lang="ko" >한국어</a> </li> </ul> </devsite-language-selector> <a class="devsite-header-link devsite-top-button button gc-analytics-event" href="//idx.google.com" data-category="Site-Wide Custom Events" data-label="Site header link" > IDX Dashboard </a> <devsite-user enable-profiles fp-auth id="devsite-user"> <span class="button devsite-top-button" aria-hidden="true" visually-hidden>Sign in</span> </devsite-user> </div> </div> </div> <div class="devsite-collapsible-section devsite-header-no-lower-tabs "> <div class="devsite-header-background"> <div class="devsite-product-id-row" > <div class="devsite-product-description-row"> <ul class="devsite-breadcrumb-list" > <li class="devsite-breadcrumb-item "> <a href="https://developers.google.com/idx/guides" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Lower Header" data-value="1" track-type="globalNav" track-name="breadcrumb" track-metadata-position="1" track-metadata-eventdetail="" > Documentation </a> </li> </ul> </div> </div> </div> </div> </div> </devsite-header> <devsite-book-nav scrollbars > <div class="devsite-book-nav-filter" > <span class="filter-list-icon material-icons" aria-hidden="true"></span> <input type="text" placeholder="Filter" aria-label="Type to filter" role="searchbox"> <span class="filter-clear-button hidden" data-title="Clear filter" aria-label="Clear filter" role="button" tabindex="0"></span> </div> <nav class="devsite-book-nav devsite-nav nocontent" aria-label="Side menu"> <div class="devsite-mobile-header"> <button type="button" id="devsite-close-nav" class="devsite-header-icon-button button-flat material-icons gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Close navigation" aria-label="Close navigation"> </button> <div class="devsite-product-name-wrapper"> <a href="https://developers.google.com/idx"> <div class="devsite-product-logo-container" size="medium" > <picture> <img class="devsite-product-logo" alt="Project IDX" src="https://developers.google.com/static/idx/images/icon-192.png" srcset="https://developers.google.com/static/idx/images/icon-192_36.png 36w, https://developers.google.com/static/idx/images/icon-192_48.png 48w, https://developers.google.com/static/idx/images/icon-192_72.png 72w, https://developers.google.com/static/idx/images/icon-192_96.png 96w, https://developers.google.com/static/idx/images/icon-192_480.png 480w, https://developers.google.com/static/idx/images/icon-192_720.png 720w, https://developers.google.com/static/idx/images/icon-192_856.png 856w, https://developers.google.com/static/idx/images/icon-192_960.png 960w, https://developers.google.com/static/idx/images/icon-192_1440.png 1440w, https://developers.google.com/static/idx/images/icon-192_1920.png 1920w, https://developers.google.com/static/idx/images/icon-192_2880.png 2880w" sizes="64px" loading="lazy" > </picture> </div> </a> <span class="devsite-product-name"> <ul class="devsite-breadcrumb-list" > <li class="devsite-breadcrumb-item "> <a href="https://developers.google.com/idx" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Upper Header" data-value="1" track-type="globalNav" track-name="breadcrumb" track-metadata-position="1" track-metadata-eventdetail="Project IDX" > Project IDX </a> </li> </ul> </span> </div> </div> <div class="devsite-book-nav-wrapper"> <div class="devsite-mobile-nav-top"> <ul class="devsite-nav-list"> <li class="devsite-nav-item"> <a href="/idx/guides" class="devsite-nav-title gc-analytics-event devsite-nav-has-children devsite-nav-active" data-category="Site-Wide Custom Events" data-label="Tab: Docs" track-name="docs" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Docs" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Docs </span> <span class="devsite-nav-icon material-icons" data-icon="forward" > </span> </a> </li> <li class="devsite-nav-item"> <a href="/idx/support/help" class="devsite-nav-title gc-analytics-event devsite-nav-has-children " data-category="Site-Wide Custom Events" data-label="Tab: Support" track-name="support" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Support" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Support </span> <span class="devsite-nav-icon material-icons" data-icon="forward" > </span> </a> </li> <li class="devsite-nav-item"> <a href="http://idx.dev/blog" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Tab: Blog" track-name="blog" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Blog" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Blog </span> </a> </li> <li class="devsite-nav-item"> <a href="//idx.google.com" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: IDX Dashboard" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > IDX Dashboard </span> </a> </li> </ul> </div> <div class="devsite-mobile-nav-bottom"> <ul class="devsite-nav-list" menu="_book"> <li class="devsite-nav-item"><a href="/idx/guides" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /idx/guides" track-type="bookNav" track-name="click" track-metadata-eventdetail="/idx/guides" ><span class="devsite-nav-text" tooltip>Introduction</span></a></li> <li class="devsite-nav-item devsite-nav-heading"><div class="devsite-nav-title devsite-nav-title-no-path"> <span class="devsite-nav-text" tooltip>Setup</span> </div></li> <li class="devsite-nav-item"><a href="/idx/guides/get-started" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /idx/guides/get-started" track-type="bookNav" track-name="click" track-metadata-eventdetail="/idx/guides/get-started" ><span class="devsite-nav-text" tooltip>Get started</span></a></li> <li class="devsite-nav-item devsite-nav-expandable"><div class="devsite-expandable-nav"> <a class="devsite-nav-toggle" aria-hidden="true"></a><div class="devsite-nav-title devsite-nav-title-no-path" tabindex="0" role="button"> <span class="devsite-nav-text" tooltip>Customize your IDX workspace</span> </div><ul class="devsite-nav-section"><li class="devsite-nav-item"><a href="/idx/guides/customize-idx-env" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /idx/guides/customize-idx-env" track-type="bookNav" track-name="click" track-metadata-eventdetail="/idx/guides/customize-idx-env" ><span class="devsite-nav-text" tooltip>Overview</span></a></li><li class="devsite-nav-item"><a href="/idx/guides/devnix-reference" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /idx/guides/devnix-reference" track-type="bookNav" track-name="click" track-metadata-eventdetail="/idx/guides/devnix-reference" ><span class="devsite-nav-text" tooltip>dev.nix Reference</span></a></li></ul></div></li> <li class="devsite-nav-item"><a href="/idx/guides/share-your-workspace" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /idx/guides/share-your-workspace" track-type="bookNav" track-name="click" track-metadata-eventdetail="/idx/guides/share-your-workspace" ><span class="devsite-nav-text" tooltip>Share your workspace</span></a></li> <li class="devsite-nav-item devsite-nav-heading"><div class="devsite-nav-title devsite-nav-title-no-path"> <span class="devsite-nav-text" tooltip>Build</span> </div></li> <li class="devsite-nav-item"><a href="/idx/guides/preview-apps" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /idx/guides/preview-apps" track-type="bookNav" track-name="click" track-metadata-eventdetail="/idx/guides/preview-apps" ><span class="devsite-nav-text" tooltip>Preview your app</span></a></li> <li class="devsite-nav-item"><a href="/idx/guides/google-integrations" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /idx/guides/google-integrations" track-type="bookNav" track-name="click" track-metadata-eventdetail="/idx/guides/google-integrations" ><span class="devsite-nav-text" tooltip>Add Google APIs and services</span></a></li> <li class="devsite-nav-item"><a href="/idx/guides/build-gemini-api-app" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /idx/guides/build-gemini-api-app" track-type="bookNav" track-name="click" track-metadata-eventdetail="/idx/guides/build-gemini-api-app" ><span class="devsite-nav-text" tooltip>Build an app with the Gemini API</span></a></li> <li class="devsite-nav-item devsite-nav-expandable"><div class="devsite-expandable-nav"> <a class="devsite-nav-toggle" aria-hidden="true"></a><div class="devsite-nav-title devsite-nav-title-no-path" tabindex="0" role="button"> <span class="devsite-nav-text" tooltip>Code with Gemini in IDX</span> </div><ul class="devsite-nav-section"><li class="devsite-nav-item"><a href="/idx/guides/code-with-gemini-in-idx" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /idx/guides/code-with-gemini-in-idx" track-type="bookNav" track-name="click" track-metadata-eventdetail="/idx/guides/code-with-gemini-in-idx" ><span class="devsite-nav-text" tooltip>Overview</span></a></li><li class="devsite-nav-item"><a href="/idx/guides/idx-ai-chat" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /idx/guides/idx-ai-chat" track-type="bookNav" track-name="click" track-metadata-eventdetail="/idx/guides/idx-ai-chat" ><span class="devsite-nav-text" tooltip>Chat with Gemini in IDX</span></a></li><li class="devsite-nav-item"><a href="/idx/guides/idx-ai-inline" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /idx/guides/idx-ai-inline" track-type="bookNav" track-name="click" track-metadata-eventdetail="/idx/guides/idx-ai-inline" ><span class="devsite-nav-text" tooltip>Use Gemini in IDX inline</span></a></li><li class="devsite-nav-item"><a href="/idx/guides/aiexclude" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /idx/guides/aiexclude" track-type="bookNav" track-name="click" track-metadata-eventdetail="/idx/guides/aiexclude" ><span class="devsite-nav-text" tooltip>Configure .aiexclude</span></a></li></ul></div></li> <li class="devsite-nav-item"><a href="/idx/guides/debug-in-idx" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /idx/guides/debug-in-idx" track-type="bookNav" track-name="click" track-metadata-eventdetail="/idx/guides/debug-in-idx" ><span class="devsite-nav-text" tooltip>Debug your app</span></a></li> <li class="devsite-nav-item devsite-nav-heading"><div class="devsite-nav-title devsite-nav-title-no-path"> <span class="devsite-nav-text" tooltip>Deploy</span> </div></li> <li class="devsite-nav-item"><a href="/idx/guides/deploy-app" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /idx/guides/deploy-app" track-type="bookNav" track-name="click" track-metadata-eventdetail="/idx/guides/deploy-app" ><span class="devsite-nav-text" tooltip>Deploy your app</span></a></li> <li class="devsite-nav-item devsite-nav-heading"><div class="devsite-nav-title devsite-nav-title-no-path"> <span class="devsite-nav-text" tooltip>Integrating with IDX</span> </div></li> <li class="devsite-nav-item"><a href="/idx/guides/open-in-idx" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /idx/guides/open-in-idx" track-type="bookNav" track-name="click" track-metadata-eventdetail="/idx/guides/open-in-idx" ><span class="devsite-nav-text" tooltip>Add an "Open in IDX" button</span></a></li> <li class="devsite-nav-item"><a href="/idx/guides/custom-templates" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /idx/guides/custom-templates" track-type="bookNav" track-name="click" track-metadata-eventdetail="/idx/guides/custom-templates" ><span class="devsite-nav-text" tooltip>Create a custom template</span></a></li> <li class="devsite-nav-item devsite-nav-heading"><div class="devsite-nav-title devsite-nav-title-no-path"> <span class="devsite-nav-text" tooltip>Troubleshooting</span> </div></li> <li class="devsite-nav-item"><a href="/idx/guides/troubleshooting" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /idx/guides/troubleshooting" track-type="bookNav" track-name="click" track-metadata-eventdetail="/idx/guides/troubleshooting" ><span class="devsite-nav-text" tooltip>Troubleshooting & FAQ</span></a></li> </ul> </div> </div> </nav> </devsite-book-nav> <section id="gc-wrapper"> <main role="main" class="devsite-main-content" has-book-nav > <devsite-content> <article class="devsite-article"> <div class="devsite-banner devsite-banner-announcement nocontent" background="google-blue" > <div class="devsite-banner-message"> <div class="devsite-banner-message-text"> Project IDX is in Beta. Beta products and features might have limited support, and changes to Beta products and features might not be compatible with previous versions. </div> </div> </div> <div class="devsite-article-meta nocontent" role="navigation"> <ul class="devsite-breadcrumb-list" aria-label="Breadcrumb"> <li class="devsite-breadcrumb-item "> <a href="https://developers.google.com/" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Breadcrumbs" data-value="1" track-type="globalNav" track-name="breadcrumb" track-metadata-position="1" track-metadata-eventdetail="" > Home </a> </li> <li class="devsite-breadcrumb-item "> <div class="devsite-breadcrumb-guillemet material-icons" aria-hidden="true"></div> <a href="https://developers.google.com/products" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Breadcrumbs" data-value="2" track-type="globalNav" track-name="breadcrumb" track-metadata-position="2" track-metadata-eventdetail="" > Products </a> </li> <li class="devsite-breadcrumb-item "> <div class="devsite-breadcrumb-guillemet material-icons" aria-hidden="true"></div> <a href="https://developers.google.com/idx" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Breadcrumbs" data-value="3" track-type="globalNav" track-name="breadcrumb" track-metadata-position="3" track-metadata-eventdetail="Project IDX" > Project IDX </a> </li> <li class="devsite-breadcrumb-item "> <div class="devsite-breadcrumb-guillemet material-icons" aria-hidden="true"></div> <a href="https://developers.google.com/idx/guides" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Breadcrumbs" data-value="4" track-type="globalNav" track-name="breadcrumb" track-metadata-position="4" track-metadata-eventdetail="" > Docs </a> </li> </ul> <devsite-thumb-rating position="header"> </devsite-thumb-rating> </div> <h1 class="devsite-page-title" tabindex="-1"> Get code help with Gemini </h1> <devsite-feature-tooltip ack-key="AckCollectionsBookmarkTooltipDismiss" analytics-category="Site-Wide Custom Events" analytics-action-show="Callout Profile displayed" analytics-action-close="Callout Profile dismissed" analytics-label="Create Collection Callout" class="devsite-page-bookmark-tooltip nocontent" dismiss-button="true" id="devsite-collections-dropdown" dismiss-button-text="Dismiss" close-button-text="Got it"> <devsite-bookmark></devsite-bookmark> <span slot="popout-heading"> Stay organized with collections </span> <span slot="popout-contents"> Save and categorize content based on your preferences. </span> </devsite-feature-tooltip> <div class="devsite-page-title-meta"><devsite-view-release-notes></devsite-view-release-notes></div> <devsite-toc class="devsite-nav" depth="2" devsite-toc-embedded > </devsite-toc> <div class="devsite-article-body clearfix "> <p>Project IDX facilitates your development workflows with the following AI-assisted code features:</p> <ul> <li><p>Suggested code completion as you type.</p></li> <li><p>Chat assistant sidebar that generates, translates, and explains code.</p></li> <li><p>Inline actions that you can take on selected pieces of code. For example, you can ask Gemini in IDX to make the selected code more readable.</p></li> <li><p>Inline code assistance.</p></li> </ul> <aside class="note"><strong>Note:</strong><span> Use suggested code with caution. Gemini in IDX is in preview and might give inaccurate responses. Validate all AI-assisted code and adapt it to your needs before using it in a real project. Additionally, if you don't want your prompts used as training data to improve Gemini in IDX, don't use the chat assistant and <a href="/idx/guides/code-with-gemini-in-idx#turn-off-code-complete">turn off code completion</a> in your workspace Settings.</span></aside> <p>To learn more, see <a href="https://support.google.com/legal/answer/13505487" class="external">Generative Code Assistance</a>.</p> <h2 id="add-idx-ai" data-text="Add Gemini to your workspace" tabindex="-1">Add Gemini to your workspace</h2> <p>Gemini in IDX is available in <a href="https://ai.google.dev/available_regions#available_regions">limited regions</a>, with availability expanding regularly. If Gemini in IDX is available in your region, you can add it to your workspace following these steps:</p> <ol> <li><p>Open Project IDX.</p></li> <li><p>Click the <strong>Gemini</strong> icon at the bottom of the workspace or press <strong>Cmd+Shift+Space</strong> (<strong>Ctrl+Shift+Space</strong> on ChromeOS, Windows or Linux). The <em>Gemini</em> chat sidebar appears. Be sure to click <strong>Learn more</strong> and read about <a href="https://support.google.com/legal/answer/13505487" class="external">Generative Code Assistance</a>.</p> <aside class="tip"><strong>Tip:</strong><span> Code completion is turned on by default, and the <strong>Enable suggestions as you type</strong> option is selected. To turn it off, deselect this option before you click <strong>Continue</strong>. You can always update this <a href="#turn-off-code-complete">preference from your workspace settings</a>.</span></aside></li> <li><p>Read through and accept the terms and conditions and <a href="/idx/support/privacy">Gemini in IDX privacy notice</a>. Click <strong>Continue</strong>.</p></li> <li><p>Use Gemini in IDX to boost your coding productivity through the <a href="/idx/guides/idx-ai-chat">chat sidebar</a> or <a href="/idx/guides/idx-ai-inline">inline code assistance</a>.</p></li> <li><p>(<em>Optional</em>) For better customization and more helpful responses, turn on codebase indexing in your workspace settings. Open the <strong>Settings</strong> window by clicking the gear icon or pressing <strong>Ctrl + ,</strong> (on Windows/Linux/ChromeOS) or <strong>Cmd + ,</strong> (on MacOS) and select the <em>IDX › AI: Enable Codebase Indexing</em> option. If you use a <code translate="no" dir="ltr">settings.json</code> file, set <code translate="no" dir="ltr">"IDX.aI.enableCodebaseIndexing": true</code>.</p></li> </ol> <p>To view Gemini in IDX commands from the command palette, open the command palette (<strong>Cmd+Shift+P</strong> on Mac or <strong>Ctrl+Shift+P</strong> on ChromeOS, Windows, or Linux) and search for <em>Gemini</em>. A list of Gemini in IDX commands appears.</p> <h2 id="turn-off-code-complete" data-text="Adjust your code completion settings" tabindex="-1">Adjust your code completion settings</h2> <p><a id="turn-on-code-complete"></a> To help you write code, IDX provides AI-enabled suggested code completion that predicts and autofills code in any open file as soon as you begin to type. Suggested code completion is turned on by default.</p> <p>To accept a code suggestion, press <strong>Tab</strong>. To ignore the suggestion, just keep typing.</p> <p>To toggle code completion on or off, adjust your code completion settings.</p> <ol> <li><p>Open the <strong>Settings</strong> window by clicking the gear icon or pressing <strong>Ctrl + ,</strong> (on Windows/Linux/ChromeOS) or <strong>Cmd + ,</strong> (on MacOS).</p></li> <li><p>Search for the <strong>IDX > AI > Enable Inline Completion</strong> setting in the <em>Workspace</em> settings.</p></li> <li><p>To turn off code completion, deselect the <em>Enable inline code completion as you type</em> option. You have to update code completion settings for each of your workspaces.</p> <p>If you use a <code translate="no" dir="ltr">settings.json</code> file, set <code translate="no" dir="ltr">"IDX.aI.enableInlineCompletion": false</code>.</p></li> </ol> <p>You can adjust this option under both the <em>Workspace</em> and <em>User</em> settings, but adjusting it in the <em>Workspace</em> settings ensures that the setting persists if the VM your workspace is connected to restarts. In IDX, <em>User</em> settings don't apply across your workspaces.</p> <h2 id="view-code-citations" data-text="View code citations" tabindex="-1">View code citations</h2> <p>To help you verify the code suggestions, IDX shares information about the original source and associated licenses. When you create code or accept inline code suggestions, IDX checks for licensed content and provides inline links to possible citations. Click these links to learn about potential software licensing requirements.</p> <p>You can also see a log of all code citations and licenses in the Gemini chat window by clicking the License Log icon in the chat header bar.</p> <p><img src="/static/idx/images/license-log-icon.png" alt="License log icon in the chat header bar"></p> <p>To learn more about Google code citations, see <a href="https://support.google.com/legal/answer/13505487" class="external">Generative Code Assistance</a>.</p> <h2 id="next_steps" data-text="Next steps" tabindex="-1">Next steps</h2> <ul> <li><a href="/idx/guides/idx-ai-chat">Chat with Gemini in IDX</a></li> <li><a href="/idx/guides/idx-ai-inline">Use Gemini in IDX inline</a></li> </ul> </div> <devsite-recommendations display="in-page" hidden yield> </devsite-recommendations> <devsite-thumb-rating position="footer"> </devsite-thumb-rating> <devsite-recommendations id="recommendations-link" yield></devsite-recommendations> <div class="devsite-floating-action-buttons"> </div> </article> <devsite-content-footer class="nocontent"> <p>All rights reserved. Java is a registered trademark of Oracle and/or its affiliates.</p> <p>Last updated 2024-09-27 UTC.</p> </devsite-content-footer> <devsite-notification > </devsite-notification> <div class="devsite-content-data"> <template class="devsite-content-data-template"> [[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2024-09-27 UTC."],[],[]] </template> </div> </devsite-content> </main> <devsite-footer-promos class="devsite-footer"> </devsite-footer-promos> <devsite-footer-linkboxes class="devsite-footer"> <nav class="devsite-footer-linkboxes nocontent" aria-label="Footer links"> <ul class="devsite-footer-linkboxes-list"> <li class="devsite-footer-linkbox "> <h3 class="devsite-footer-linkbox-heading no-link">Connect</h3> <ul class="devsite-footer-linkbox-list"> <li class="devsite-footer-linkbox-item"> <a href="//googledevelopers.blogspot.com" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 1)" > Blog </a> </li> <li class="devsite-footer-linkbox-item"> <a href="https://www.instagram.com/googlefordevs/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 2)" > Instagram </a> </li> <li class="devsite-footer-linkbox-item"> <a href="https://www.linkedin.com/showcase/googledevelopers/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 3)" > LinkedIn </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//twitter.com/googledevs" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 4)" > X (Twitter) </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//www.youtube.com/user/GoogleDevelopers" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 5)" > YouTube </a> </li> </ul> </li> <li class="devsite-footer-linkbox "> <h3 class="devsite-footer-linkbox-heading no-link">Programs</h3> <ul class="devsite-footer-linkbox-list"> <li class="devsite-footer-linkbox-item"> <a href="//www.womentechmakers.com" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 1)" > Women Techmakers </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/community/gdg" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 2)" > Google Developer Groups </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/community/experts" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 3)" > Google Developer Experts </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/community/accelerators" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 4)" > Accelerators </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/community/gdsc" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 5)" > Google Developer Student Clubs </a> </li> </ul> </li> <li class="devsite-footer-linkbox "> <h3 class="devsite-footer-linkbox-heading no-link">Developer consoles</h3> <ul class="devsite-footer-linkbox-list"> <li class="devsite-footer-linkbox-item"> <a href="//console.developers.google.com" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 1)" > Google API Console </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//console.cloud.google.com" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 2)" > Google Cloud Platform Console </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//play.google.com/apps/publish" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 3)" > Google Play Console </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//console.firebase.google.com" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 4)" > Firebase Console </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//console.actions.google.com" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 5)" > Actions on Google Console </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//cast.google.com/publish" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 6)" > Cast SDK Developer Console </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//chrome.google.com/webstore/developer/dashboard" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 7)" > Chrome Web Store Dashboard </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//console.home.google.com" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 8)" > Google Home Developer Console </a> </li> </ul> </li> </ul> </nav> </devsite-footer-linkboxes> <devsite-footer-utility class="devsite-footer"> <div class="devsite-footer-utility nocontent"> <nav class="devsite-footer-sites" aria-label="Other Google Developers websites"> <a href="https://developers.google.com/" class="devsite-footer-sites-logo-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Google Developers Link"> <picture> <img class="devsite-footer-sites-logo" src="https://www.gstatic.com/devrel-devsite/prod/v870e399c64f7c43c99a3043db4b3a74327bb93d0914e84a0c3dba90bbfd67625/developers/images/lockup-google-for-developers.svg" loading="lazy" alt="Google Developers"> </picture> </a> <ul class="devsite-footer-sites-list"> <li class="devsite-footer-sites-item"> <a href="//developer.android.com" class="devsite-footer-sites-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Android Link" > Android </a> </li> <li class="devsite-footer-sites-item"> <a href="//developer.chrome.com/home" class="devsite-footer-sites-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Chrome Link" > Chrome </a> </li> <li class="devsite-footer-sites-item"> <a href="//firebase.google.com" class="devsite-footer-sites-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Firebase Link" > Firebase </a> </li> <li class="devsite-footer-sites-item"> <a href="//cloud.google.com" class="devsite-footer-sites-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Google Cloud Platform Link" > Google Cloud Platform </a> </li> <li class="devsite-footer-sites-item"> <a href="//ai.google.dev/" class="devsite-footer-sites-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Google AI Link" > Google AI </a> </li> <li class="devsite-footer-sites-item"> <a href="/products" class="devsite-footer-sites-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer All products Link" > All products </a> </li> </ul> </nav> <nav class="devsite-footer-utility-links" aria-label="Utility links"> <ul class="devsite-footer-utility-list"> <li class="devsite-footer-utility-item "> <a class="devsite-footer-utility-link gc-analytics-event" href="/terms/site-terms" data-category="Site-Wide Custom Events" data-label="Footer Terms link" > Terms </a> </li> <li class="devsite-footer-utility-item "> <a class="devsite-footer-utility-link gc-analytics-event" href="//policies.google.com/privacy" data-category="Site-Wide Custom Events" data-label="Footer Privacy link" > Privacy </a> </li> <li class="devsite-footer-utility-item glue-cookie-notification-bar-control"> <a class="devsite-footer-utility-link gc-analytics-event" href="#" data-category="Site-Wide Custom Events" data-label="Footer Manage cookies link" aria-hidden="true" > Manage cookies </a> </li> <li class="devsite-footer-utility-item devsite-footer-utility-button"> <span class="devsite-footer-utility-description">Sign up for the Google for Developers newsletter</span> <a class="devsite-footer-utility-link gc-analytics-event" href="/newsletter/subscribe" data-category="Site-Wide Custom Events" data-label="Footer Subscribe link" > Subscribe </a> </li> </ul> <devsite-language-selector> <ul role="presentation"> <li role="presentation"> <a role="menuitem" lang="en" >English</a> </li> <li role="presentation"> <a role="menuitem" lang="de" >Deutsch</a> </li> <li role="presentation"> <a role="menuitem" lang="es" >Español</a> </li> <li role="presentation"> <a role="menuitem" lang="es_419" >Español – América Latina</a> </li> <li role="presentation"> <a role="menuitem" lang="fr" >Français</a> </li> <li role="presentation"> <a role="menuitem" lang="id" >Indonesia</a> </li> <li role="presentation"> <a role="menuitem" lang="it" >Italiano</a> </li> <li role="presentation"> <a role="menuitem" lang="pl" >Polski</a> </li> <li role="presentation"> <a role="menuitem" lang="pt_br" >Português – Brasil</a> </li> <li role="presentation"> <a role="menuitem" lang="vi" >Tiếng Việt</a> </li> <li role="presentation"> <a role="menuitem" lang="tr" >Türkçe</a> </li> <li role="presentation"> <a role="menuitem" lang="ru" >Русский</a> </li> <li role="presentation"> <a role="menuitem" lang="he" >עברית</a> </li> <li role="presentation"> <a role="menuitem" lang="ar" >العربيّة</a> </li> <li role="presentation"> <a role="menuitem" lang="fa" >فارسی</a> </li> <li role="presentation"> <a role="menuitem" lang="hi" >हिंदी</a> </li> <li role="presentation"> <a role="menuitem" lang="bn" >বাংলা</a> </li> <li role="presentation"> <a role="menuitem" lang="th" >ภาษาไทย</a> </li> <li role="presentation"> <a role="menuitem" lang="zh_cn" >中文 – 简体</a> </li> <li role="presentation"> <a role="menuitem" lang="zh_tw" >中文 – 繁體</a> </li> <li role="presentation"> <a role="menuitem" lang="ja" >日本語</a> </li> <li role="presentation"> <a role="menuitem" lang="ko" >한국어</a> </li> </ul> </devsite-language-selector> </nav> </div> </devsite-footer-utility> <devsite-panel></devsite-panel> <devsite-concierge data-info-panel data-ai-panel data-api-explorer-panel > </devsite-concierge> </section></section> <devsite-sitemask></devsite-sitemask> <devsite-snackbar></devsite-snackbar> <devsite-tooltip ></devsite-tooltip> <devsite-heading-link></devsite-heading-link> <devsite-analytics> <script type="application/json" analytics>[{"dimensions": {"dimension6": "en", "dimension3": false, "dimension11": false, "dimension5": "en", "dimension1": "Signed out", "dimension4": "Project IDX"}, "gaid": "UA-24532603-1", "metrics": {"ratings_value": "metric1", "ratings_count": "metric2"}, "purpose": 1}]</script> <script type="application/json" tag-management>{"at": "True", "ga4": [{"id": "G-272J68FCRF", "purpose": 1}, {"id": "G-2YPJ7BETC2", "purpose": 0}], "ga4p": [{"id": "G-272J68FCRF", "purpose": 1}], "gtm": [], "parameters": {"internalUser": "False", "language": {"machineTranslated": "False", "requested": "en", "served": "en"}, "pageType": "article", "projectName": "Project IDX", "signedIn": "False", "tenant": "developers", "recommendations": {"sourcePage": "", "sourceType": 0, "sourceRank": 0, "sourceIdenticalDescriptions": 0, "sourceTitleWords": 0, "sourceDescriptionWords": 0, "experiment": ""}, "experiment": {"ids": ""}}}</script> </devsite-analytics> <devsite-badger></devsite-badger> <script nonce="6bGs5S++eWZ9tZjNz5+gyT1b/98VAq"> (function(d,e,v,s,i,t,E){d['GoogleDevelopersObject']=i; t=e.createElement(v);t.async=1;t.src=s;E=e.getElementsByTagName(v)[0]; E.parentNode.insertBefore(t,E);})(window, document, 'script', 'https://www.gstatic.com/devrel-devsite/prod/v870e399c64f7c43c99a3043db4b3a74327bb93d0914e84a0c3dba90bbfd67625/developers/js/app_loader.js', '[1,"en",null,"/js/devsite_app_module.js","https://www.gstatic.com/devrel-devsite/prod/v870e399c64f7c43c99a3043db4b3a74327bb93d0914e84a0c3dba90bbfd67625","https://www.gstatic.com/devrel-devsite/prod/v870e399c64f7c43c99a3043db4b3a74327bb93d0914e84a0c3dba90bbfd67625/developers","https://developers-dot-devsite-v2-prod.appspot.com",null,null,["/_pwa/developers/manifest.json","https://www.gstatic.com/devrel-devsite/prod/v870e399c64f7c43c99a3043db4b3a74327bb93d0914e84a0c3dba90bbfd67625/images/video-placeholder.svg","https://www.gstatic.com/devrel-devsite/prod/v870e399c64f7c43c99a3043db4b3a74327bb93d0914e84a0c3dba90bbfd67625/developers/images/favicon-new.png","https://fonts.googleapis.com/css?family=Google+Sans:400,500|Roboto:400,400italic,500,500italic,700,700italic|Roboto+Mono:400,500,700&display=swap"],1,null,[1,6,8,12,14,17,21,25,50,52,63,70,75,76,80,87,91,92,93,97,98,100,101,102,103,104,105,107,108,109,110,112,113,116,117,118,120,122,124,125,126,127,129,130,131,132,133,134,135,136,138,140,141,147,148,149,151,152,156,157,158,159,161,163,164,168,169,170,179,180,182,183,186,191,193,196],"AIzaSyAP-jjEJBzmIyKR4F-3XITp8yM9T1gEEI8","AIzaSyB6xiKGDR5O3Ak2okS4rLkauxGUG7XP0hg","developers.google.com","AIzaSyAQk0fBONSGUqCNznf6Krs82Ap1-NV6J4o","AIzaSyCCxcqdrZ_7QMeLCRY20bh_SXdAYqy70KY",null,null,null,["Concierge__enable_pushui","Search__enable_ai_search_summaries_restricted","Cloud__enable_cloud_shell","CloudShell__cloud_shell_button","Search__enable_page_map","DevPro__enable_cloud_innovators_plus","MiscFeatureFlags__developers_footer_image","Profiles__enable_awarding_url","MiscFeatureFlags__enable_variable_operator","Cloud__enable_cloudx_ping","Concierge__enable_concierge_restricted","Profiles__enable_developer_profiles_callout","TpcFeatures__enable_mirror_tenant_redirects","Cloud__enable_cloud_dlp_service","Cloud__enable_cloud_shell_fte_user_flow","Profiles__enable_completecodelab_endpoint","Cloud__enable_llm_concierge_chat","Profiles__enable_recognition_badges","Profiles__require_profile_eligibility_for_signin","MiscFeatureFlags__enable_view_transitions","Profiles__enable_dashboard_curated_recommendations","MiscFeatureFlags__enable_project_variables","Search__enable_dynamic_content_confidential_banner","BookNav__enable_tenant_cache_key","Analytics__enable_clearcut_logging","DevPro__enable_developer_subscriptions","Cloud__enable_cloud_facet_chat","Profiles__enable_profile_collections","MiscFeatureFlags__enable_explain_this_code","MiscFeatureFlags__developers_footer_dark_image","Cloud__enable_legacy_calculator_redirect","MiscFeatureFlags__enable_firebase_utm","Profiles__enable_complete_playlist_endpoint","Concierge__enable_concierge","Cloud__enable_cloudx_experiment_ids","Profiles__enable_page_saving","Profiles__enable_public_developer_profiles","EngEduTelemetry__enable_engedu_telemetry","CloudShell__cloud_code_overflow_menu","Profiles__enable_release_notes_notifications","TpcFeatures__enable_required_headers","Cloud__enable_free_trial_server_call","Experiments__reqs_query_experiments","Significatio__enable_by_tenant","MiscFeatureFlags__emergency_css","Search__enable_ai_search_summaries","Search__enable_ai_eligibility_checks","Search__enable_suggestions_from_borg"],null,null,"AIzaSyBLEMok-5suZ67qRPzx0qUtbnLmyT_kCVE","https://developerscontentserving-pa.clients6.google.com","AIzaSyCM4QpTRSqP5qI4Dvjt4OAScIN8sOUlO-k","https://developerscontentsearch-pa.clients6.google.com",1,4,null,"https://developerprofiles-pa.clients6.google.com",[1,"developers","Google for Developers","developers.google.com",null,"developers-dot-devsite-v2-prod.appspot.com",null,null,[1,1,[1],null,null,null,null,null,null,null,null,[1],null,null,null,null,null,null,[1],[1,null,null,[1,20],"/recommendations/information"],null,null,null,[1,1,1],[1,1,null,1,1]],null,[null,null,null,null,null,null,"/images/lockup-new.svg","/images/touchicon-180-new.png",null,null,null,null,1,null,null,null,null,null,null,null,null,1,null,null,null,"/images/lockup-dark-theme-new.svg",[]],[],null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,[6,1,14,15,20,22,23,29,32,36],null,[[null,null,null,[3,7,10,2,39,17,4,32,24,11,12,13,34,15,25],null,null,[1,[["docType","Choose a content type",[["Tutorial",null,null,null,null,null,null,null,null,"Tutorial"],["Guide",null,null,null,null,null,null,null,null,"Guide"],["Sample",null,null,null,null,null,null,null,null,"Sample"]]],["product","Choose a product",[["Android",null,null,null,null,null,null,null,null,"Android"],["ARCore",null,null,null,null,null,null,null,null,"ARCore"],["ChromeOS",null,null,null,null,null,null,null,null,"ChromeOS"],["Firebase",null,null,null,null,null,null,null,null,"Firebase"],["Flutter",null,null,null,null,null,null,null,null,"Flutter"],["Assistant",null,null,null,null,null,null,null,null,"Google Assistant"],["GoogleCloud",null,null,null,null,null,null,null,null,"Google Cloud"],["GoogleMapsPlatform",null,null,null,null,null,null,null,null,"Google Maps Platform"],["GooglePay",null,null,null,null,null,null,null,null,"Google Pay & Google Wallet"],["GooglePlay",null,null,null,null,null,null,null,null,"Google Play"],["Tensorflow",null,null,null,null,null,null,null,null,"TensorFlow"]]],["category","Choose a topic",[["AiAndMachineLearning",null,null,null,null,null,null,null,null,"AI and Machine Learning"],["Data",null,null,null,null,null,null,null,null,"Data"],["Enterprise",null,null,null,null,null,null,null,null,"Enterprise"],["Gaming",null,null,null,null,null,null,null,null,"Gaming"],["Mobile",null,null,null,null,null,null,null,null,"Mobile"],["Web",null,null,null,null,null,null,null,null,"Web"]]]]]],[1,1],null,1],[[["UA-24532603-1"],["UA-22084204-5"],null,null,["UA-24532603-5"],null,null,[["G-272J68FCRF"],null,null,[["G-272J68FCRF",2]]],[["UA-24532603-1",2]],null,[["UA-24532603-5",2]],null,1],[[16,13],[13,10],[14,11],[12,9],[3,2],[5,4],[15,12],[4,3],[11,8],[6,5],[1,1]],[[1,1],[2,2]]],null,4,null,null,null,null,null,null,null,null,null,null,null,null,null,"developers.devsite.google"],null,"pk_live_5170syrHvgGVmSx9sBrnWtA5luvk9BwnVcvIi7HizpwauFG96WedXsuXh790rtij9AmGllqPtMLfhe2RSwD6Pn38V00uBCydV4m"]') </script> <devsite-a11y-announce></devsite-a11y-announce> </body> </html>