Learn how to connect your Woz app to VS Code for advanced editing
You’ll need to download VS Code, a plug-in or “extension” to make the connection between your computer and our secure server, and a short series of code-snippets to save your changes.
Open the “Dev Tools” menu in the top navigation bar of Woz Builder.
Click “Open with VS Code”
You may receive a pop-up confirming that you want to open the VS Code application. Select “Open in Visual Studio Code” to continue.
In VS Code click “Yes” on the pop-up noting that an external application (Woz) wants to open a folder.
/imag
Return to Woz, and copy the password out of the Dev Tools menu. Paste it into VS Code.
Click “Trust folder & Continue” on the pop-up in VS Code.
Paste the password into the top navigation of VS Code again, allowing VS Code to access the Woz server.
Ignore and clear any notifications you may receive suggesting that you install or download Deno or Git. These are not needed to make changes to your app code.
Confirm that you are connected
Once connected, you will see all of the folders and files generated by Woz containing your app code. In the lower left corner of VS Code, you should also see “SSH:” followed by a string of unreadable text. This confirms that you are securely connected to the Woz server.
If encountering SSH connecton problems, please close VS Code and try again.
Paste “npm run sshbuilder:git-push-deploy” and press enter
Preview your changes on the App Preview page of Woz Builder, or on your phone by opening the shareable link!
Environment variables need to be added or changed from the Woz Builder, Integrations table. Updates to environment variables from VS Code, even after committed to git, may be lost the next time you open your SSH workspace.
{"docsConfig":{"theme":"mint","$schema":"https://mintlify.com/docs.json","name":"Woz","colors":{"primary":"#5A9E1F","light":"#7ABF3D","dark":"#4A8319"},"logo":{"light":"https://mintcdn.com/withwozinc/7-MXpYm7_12zRY3T/logo/light.svg?fit=max\u0026auto=format\u0026n=7-MXpYm7_12zRY3T\u0026q=85\u0026s=170446415386d7810d6cfc764351f5f5","dark":"https://mintcdn.com/withwozinc/7-MXpYm7_12zRY3T/logo/dark.svg?fit=max\u0026auto=format\u0026n=7-MXpYm7_12zRY3T\u0026q=85\u0026s=af59f08d9937a1d2244763eeb91e5ba5"},"favicon":"/favicon.png","navbar":{"primary":{"type":"button","label":"Start building","href":"https://www.withwoz.com"}},"footer":{"socials":{"x":"https://x.com/WithWoz1","linkedin":"https://www.linkedin.com/company/withwoz","discord":"https://discord.gg/p56wMRVDkv"}},"contextual":{"options":["copy","view","chatgpt","claude","perplexity","mcp","cursor","vscode"],"display":"header"},"styling":{"latex":false},"navigation":{"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"withwozinc","hasAudioNarration":false,"actualSubdomain":"withwozinc","customDomains":["help.withwoz.com"],"gitSource":{"type":"github","owner":"withwoz","repo":"help","deployBranch":"main","contentDirectory":"","isPrivate":true,"mountPath":"","label":""},"chroma":{"liveDeploymentHistoryId":"6a21f724711c102bcb27817e","collectionId":"0cad2939-9add-4ed5-a409-6c4a2c7b0603","schemaVersion":"v2"},"entitlements":{"AI_CHAT":{"status":"DISABLED"}},"buildId":"6a21f724711c102bcb27817e:success","clientVersion":"0.0.4045","searchFilterCounts":[{"language":"default","tag":"Guides","count":54},{"language":"default","tag":"Integrations","count":36},{"language":"default","tag":"Getting started","count":9},{"language":"default","tag":"How to guides","count":9}]},"assistantConfig":{"enableAskAiButton":false,"enableStarterQuestions":false,"enableAskAiSearchBar":true},"basePath":"","hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"full-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"byok-sep-25","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"vite-origin","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-updated-9-15","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-sso-scim","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-signup","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-dual-write","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-enabled","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"approve-review-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"sso-setup-deadline-banner","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"googleFontsInlined":false},"customCss":[],"page":{"pagePath":"guides/connect-to-VS-Code","slug":"/guides/connect-to-VS-Code","pageMetadata":{"title":"Connect to VS Code","description":"Learn how to connect your Woz app to VS Code for advanced editing","href":"/guides/connect-to-VS-Code","hidden":false},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"Learn how to connect your Woz app to VS Code for advanced editing\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={a:`a`,br:`br`,li:`li`,ol:`ol`,p:`p`,strong:`strong`,..._provideComponents(),...props.components},{Heading,Note,OptimizedImage,Warning}=_components;if(!Heading)_missingMdxReference(`Heading`,true);if(!Note)_missingMdxReference(`Note`,true);if(!OptimizedImage)_missingMdxReference(`OptimizedImage`,true);if(!Warning)_missingMdxReference(`Warning`,true);return _jsxs(_Fragment,{children:[_jsx(_components.p,{children:`You’ll need to download VS Code, a plug-in or “extension” to make the connection between your computer and our secure server, and a short series of code-snippets to save your changes.`}),`\n`,_jsx(OptimizedImage,{src:`https://mintcdn.com/withwozinc/tPS9cIFF_0vrMKBK/images/VSC-connected.png?fit=max\u0026auto=format\u0026n=tPS9cIFF_0vrMKBK\u0026q=85\u0026s=dfa775ef291b0c5ba231ff5aadd7f8ab`,alt:`VSC Connected`,\"data-og-width\":`2398`,width:`2398`,\"data-og-height\":`1536`,height:`1536`,\"data-path\":`images/VSC-connected.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/withwozinc/tPS9cIFF_0vrMKBK/images/VSC-connected.png?w=280\u0026fit=max\u0026auto=format\u0026n=tPS9cIFF_0vrMKBK\u0026q=85\u0026s=dfe38b803b387faf1ad86ae3aa0f3f9a 280w, https://mintcdn.com/withwozinc/tPS9cIFF_0vrMKBK/images/VSC-connected.png?w=560\u0026fit=max\u0026auto=format\u0026n=tPS9cIFF_0vrMKBK\u0026q=85\u0026s=458f813bca595b4dc3ccc71e2ff753d0 560w, https://mintcdn.com/withwozinc/tPS9cIFF_0vrMKBK/images/VSC-connected.png?w=840\u0026fit=max\u0026auto=format\u0026n=tPS9cIFF_0vrMKBK\u0026q=85\u0026s=9a4a7ae34ed4c3cbbef4ec644c914067 840w, https://mintcdn.com/withwozinc/tPS9cIFF_0vrMKBK/images/VSC-connected.png?w=1100\u0026fit=max\u0026auto=format\u0026n=tPS9cIFF_0vrMKBK\u0026q=85\u0026s=c304ab393545a22db425f824f065c512 1100w, https://mintcdn.com/withwozinc/tPS9cIFF_0vrMKBK/images/VSC-connected.png?w=1650\u0026fit=max\u0026auto=format\u0026n=tPS9cIFF_0vrMKBK\u0026q=85\u0026s=bac4b68bfea55e6670b5ad2c1d2b7f28 1650w, https://mintcdn.com/withwozinc/tPS9cIFF_0vrMKBK/images/VSC-connected.png?w=2500\u0026fit=max\u0026auto=format\u0026n=tPS9cIFF_0vrMKBK\u0026q=85\u0026s=415443772c8ecd65bf5b831b46ed0009 2500w`}),`\n`,_jsx(Heading,{level:`3`,id:`getting-set-up`,children:`Getting set-up`}),`\n`,_jsxs(_components.ol,{children:[`\n`,_jsxs(_components.li,{children:[_jsx(_components.a,{href:`https://code.visualstudio.com/`,children:_jsx(_components.strong,{children:`Download VS Code`})}),` and create an account.`,_jsx(_components.br,{}),`\n`,`This is the tool you will use to view and edit your app code.`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Install an “SSH - Remote” extension.`}),_jsx(_components.br,{}),`\n`,`This allows you to securely access your app’s code while we continue to host it on the Woz platform.`]}),`\n`,_jsxs(_components.li,{children:[`Sign up with `,_jsx(_components.a,{href:`https://github.com/`,children:_jsx(_components.strong,{children:`Github`})}),_jsx(_components.br,{}),`\n`,`This allows you to publish your changes.`]}),`\n`,_jsx(_components.li,{children:`Optional: Find the “Terminal” within VS Code, which you will use to save your changes.`}),`\n`]}),`\n`,_jsx(Heading,{level:`3`,id:`opening-your-code-files-in-vs-code`,children:`Opening your code files in VS Code`}),`\n`,_jsxs(_components.ol,{children:[`\n`,_jsxs(_components.li,{children:[`\n`,_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`Open the “Dev Tools” menu`}),` in the top navigation bar of Woz Builder.`]}),`\n`,_jsx(OptimizedImage,{src:`https://mintcdn.com/withwozinc/SiPN6L-tOWQ46xo7/images/dev-tools-menu.png?fit=max\u0026auto=format\u0026n=SiPN6L-tOWQ46xo7\u0026q=85\u0026s=c07c346a2c77fa7446230b4bb619a67c`,alt:`Dev Tools Menu`,\"data-og-width\":`1392`,width:`1392`,\"data-og-height\":`872`,height:`872`,\"data-path\":`images/dev-tools-menu.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/withwozinc/SiPN6L-tOWQ46xo7/images/dev-tools-menu.png?w=280\u0026fit=max\u0026auto=format\u0026n=SiPN6L-tOWQ46xo7\u0026q=85\u0026s=9e35cf819a2a3133c732d25b4707c23d 280w, https://mintcdn.com/withwozinc/SiPN6L-tOWQ46xo7/images/dev-tools-menu.png?w=560\u0026fit=max\u0026auto=format\u0026n=SiPN6L-tOWQ46xo7\u0026q=85\u0026s=bb82154f7ebfe9d269eaf4f79158e375 560w, https://mintcdn.com/withwozinc/SiPN6L-tOWQ46xo7/images/dev-tools-menu.png?w=840\u0026fit=max\u0026auto=format\u0026n=SiPN6L-tOWQ46xo7\u0026q=85\u0026s=9bb4ba3e150372544a50e7c891886c3e 840w, https://mintcdn.com/withwozinc/SiPN6L-tOWQ46xo7/images/dev-tools-menu.png?w=1100\u0026fit=max\u0026auto=format\u0026n=SiPN6L-tOWQ46xo7\u0026q=85\u0026s=63c75608c215e3905a298c4fa000d606 1100w, https://mintcdn.com/withwozinc/SiPN6L-tOWQ46xo7/images/dev-tools-menu.png?w=1650\u0026fit=max\u0026auto=format\u0026n=SiPN6L-tOWQ46xo7\u0026q=85\u0026s=0f6c18f4d7393918975f49036899d59e 1650w, https://mintcdn.com/withwozinc/SiPN6L-tOWQ46xo7/images/dev-tools-menu.png?w=2500\u0026fit=max\u0026auto=format\u0026n=SiPN6L-tOWQ46xo7\u0026q=85\u0026s=49ba9edbde47a9c598cd42cb3ccaa65a 2500w`}),`\n`]}),`\n`,_jsxs(_components.li,{children:[`\n`,_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`Click “Open with VS Code”`}),_jsx(_components.br,{}),`\n`,`You may receive a pop-up confirming that you want to open the VS Code application. Select “Open in Visual Studio Code” to continue.`]}),`\n`]}),`\n`,_jsxs(_components.li,{children:[`\n`,_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`In VS Code click “Yes” on the pop-up`}),` noting that an external application (Woz) wants to open a folder.`,_jsx(_components.br,{}),`\n`,`/imag`]}),`\n`]}),`\n`,_jsxs(_components.li,{children:[`\n`,_jsx(_components.p,{children:_jsx(_components.strong,{children:`Return to Woz, and copy the password out of the Dev Tools menu. Paste it into VS Code.`})}),`\n`]}),`\n`,_jsxs(_components.li,{children:[`\n`,_jsx(_components.p,{children:_jsx(_components.strong,{children:`Click “Trust folder \u0026 Continue” on the pop-up in VS Code.`})}),`\n`]}),`\n`,_jsxs(_components.li,{children:[`\n`,_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`Paste the password into the top navigation of VS Code again`}),`, allowing VS Code to access the Woz server.`]}),`\n`,_jsx(Note,{children:_jsx(_components.p,{children:`Ignore and clear any notifications you may receive suggesting that you install or download Deno or Git. These are not needed to make changes to your app code.`})}),`\n`]}),`\n`,_jsxs(_components.li,{children:[`\n`,_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`Confirm that you are connected`}),_jsx(_components.br,{}),`\n`,`Once connected, you will see all of the folders and files generated by Woz containing your app code. In the lower left corner of VS Code, you should also see “SSH:” followed by a string of unreadable text. This confirms that you are securely connected to the Woz server.`,_jsx(_components.br,{}),`\n`,_jsx(_components.br,{}),`\n`,`If encountering SSH connecton problems, please close VS Code and try again.`]}),`\n`]}),`\n`]}),`\n`,_jsx(Heading,{level:`3`,id:`making-and-saving-changes-to-your-app`,children:`Making and saving changes to your app`}),`\n`,_jsxs(_components.ol,{children:[`\n`,_jsx(_components.li,{children:`Edit the code in VS Code`}),`\n`,_jsx(_components.li,{children:`Open a “new terminal” window`}),`\n`,_jsx(_components.li,{children:`Paste “npm run sshbuilder:git-push-deploy” and press enter`}),`\n`,_jsx(_components.li,{children:`Preview your changes on the App Preview page of Woz Builder, or on your phone by opening the shareable link!`}),`\n`]}),`\n`,_jsx(Warning,{children:_jsx(_components.p,{children:`Environment variables need to be added or changed from the Woz Builder, Integrations table. Updates to environment variables from VS Code, even after committed to git, may be lost the next time you open your SSH workspace.`})})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"Connect to VS Code","description":"Learn how to connect your Woz app to VS Code for advanced editing","href":"/guides/connect-to-VS-Code","hidden":false}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Getting set-up","slug":"getting-set-up","depth":3,"children":[]},{"title":"Opening your code files in VS Code","slug":"opening-your-code-files-in-vs-code","depth":3,"children":[]},{"title":"Making and saving changes to your app","slug":"making-and-saving-changes-to-your-app","depth":3,"children":[]}],"codeExamples":{}},"jsLinks":[],"subdomain":"withwozinc","siteName":"Woz","title":"Connect to VS Code - Woz","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-03-18T16:49:00.352Z","originalFileLocation":"guides/connect-to-VS-Code.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"system\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"Learn how to connect your Woz app to VS Code for advanced editing\">\u003cmeta data-mint-head name=\"application-name\" content=\"Woz\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/withwozinc/xa9uVerc0U-t7tTg/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/mintlify-assets/_mintlify/favicons/withwozinc/xa9uVerc0U-t7tTg/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/withwozinc/xa9uVerc0U-t7tTg/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/withwozinc/xa9uVerc0U-t7tTg/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/withwozinc/xa9uVerc0U-t7tTg/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/withwozinc/xa9uVerc0U-t7tTg/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/withwozinc/xa9uVerc0U-t7tTg/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/withwozinc/xa9uVerc0U-t7tTg/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/withwozinc/xa9uVerc0U-t7tTg/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Connect to VS Code - Woz\">\u003cmeta data-mint-head property=\"og:description\" content=\"Learn how to connect your Woz app to VS Code for advanced editing\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Woz\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://help.withwoz.com/guides/connect-to-VS-Code\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://withwozinc.mintlify.app/_mintlify/api/og/v2?division=How+to+guides\u0026amp;title=Connect+to+VS+Code\u0026amp;description=Learn+how+to+connect+your+Woz+app+to+VS+Code+for+advanced+editing\u0026amp;theme=9c5d31464767220801e44b81\u0026amp;signature=d7761dccad52e2c697d45e96f1cf6358379fae4c9cf819c5efa264d48749cb64\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Connect to VS Code - Woz\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Learn how to connect your Woz app to VS Code for advanced editing\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://withwozinc.mintlify.app/_mintlify/api/og/v2?division=How+to+guides\u0026amp;title=Connect+to+VS+Code\u0026amp;description=Learn+how+to+connect+your+Woz+app+to+VS+Code+for+advanced+editing\u0026amp;theme=9c5d31464767220801e44b81\u0026amp;signature=d7761dccad52e2c697d45e96f1cf6358379fae4c9cf819c5efa264d48749cb64\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/mintlify-assets/_mintlify/favicons/withwozinc/xa9uVerc0U-t7tTg/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Woz\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#5A9E1F\">\u003clink data-mint-head rel=\"canonical\" href=\"https://help.withwoz.com/guides/connect-to-VS-Code\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/guides/connect-to-VS-Code.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://help.withwoz.com/#organization\",\"name\":\"Woz\",\"url\":\"https://help.withwoz.com\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/withwozinc/7-MXpYm7_12zRY3T/logo/light.svg?fit=max\u0026auto=format\u0026n=7-MXpYm7_12zRY3T\u0026q=85\u0026s=170446415386d7810d6cfc764351f5f5\"}},{\"@type\":\"WebSite\",\"@id\":\"https://help.withwoz.com#website\",\"name\":\"Woz\",\"url\":\"https://help.withwoz.com\",\"publisher\":{\"@id\":\"https://help.withwoz.com/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://help.withwoz.com/guides/connect-to-VS-Code#webpage\",\"url\":\"https://help.withwoz.com/guides/connect-to-VS-Code\",\"name\":\"Connect to VS Code\",\"description\":\"Learn how to connect your Woz app to VS Code for advanced editing\",\"dateModified\":\"2026-03-18T16:49:00.352Z\",\"isPartOf\":{\"@id\":\"https://help.withwoz.com#website\"},\"breadcrumb\":{\"@id\":\"https://help.withwoz.com/guides/connect-to-VS-Code#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://help.withwoz.com/guides/connect-to-VS-Code#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"How to guides\",\"item\":\"https://help.withwoz.com/guides/generating-apps\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Connect to VS Code\",\"item\":\"https://help.withwoz.com/guides/connect-to-VS-Code\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://help.withwoz.com/guides/connect-to-VS-Code#article\",\"headline\":\"Connect to VS Code\",\"name\":\"Connect to VS Code\",\"description\":\"Learn how to connect your Woz app to VS Code for advanced editing\",\"url\":\"https://help.withwoz.com/guides/connect-to-VS-Code\",\"mainEntityOfPage\":{\"@id\":\"https://help.withwoz.com/guides/connect-to-VS-Code#webpage\"},\"dateModified\":\"2026-03-18T16:49:00.352Z\",\"publisher\":{\"@id\":\"https://help.withwoz.com/#organization\"},\"isPartOf\":{\"@id\":\"https://help.withwoz.com#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Woz\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"Woz","nav":{"global":null,"tabs":[{"tab":"Guides","groups":[{"group":"Getting started","pages":[{"title":"Welcome to Woz","href":"","hidden":false},{"title":"Quickstart","href":"/quickstart","hidden":false},{"title":"FAQ","href":"/FAQ","hidden":false},{"title":"Support","href":"/Support","hidden":false},{"title":"Plans \u0026 Pricing","href":"/Plans-Pricing","hidden":false},{"title":"Quick Tips \u0026 Best Practices","href":"/quick-tips","hidden":false},{"title":"Design Tips","href":"/design-tips","hidden":false},{"title":"Initial Prompt Example","href":"/initial-prompt-example","hidden":false},{"title":"Adding Integrations to Your App","href":"/docs/integrations","hidden":false}]},{"group":"How to guides","pages":[{"title":"Generating apps","href":"/guides/generating-apps","hidden":false},{"title":"Editing your apps","href":"/guides/editing-your-apps","hidden":false},{"title":"Preview and Share Apps","href":"/guides/preview-and-share"},{"title":"Publish to the App Store","href":"/guides/publish-to-app-store","hidden":false},{"title":"Connect to Cursor","description":"Learn how to connect your Woz app to Cursor for advanced editing","href":"/guides/connect-to-cursor"},{"title":"Connect to VS Code","href":"/guides/connect-to-VS-Code"},{"title":"Connect to Claude Code","description":"Learn how to connect your Woz app to Claude Code for advanced editing","href":"/guides/connect-to-claude-code","hidden":false},{"title":"Using Environment Variables","href":"/guides/using-environment-variables","hidden":false},{"title":"Set Up Live Preview","href":"/guides/set-up-live-preview","hidden":false}]},{"group":"Integrations","pages":[{"title":"Integrations Library","href":"/integrations/integrations-library","hidden":false},{"title":"Log In \u0026 Authentication","href":"/integrations/log-in-authentication","hidden":false},{"title":"Database","href":"/integrations/database","hidden":false},{"title":"How to Set Up Payments","href":"/integrations/payments","hidden":false},{"title":"AI Chat","href":"/integrations/ai-chat","hidden":false},{"title":"Weather API","href":"/integrations/weather","hidden":false},{"title":"Stock API","href":"/integrations/stock","hidden":false},{"title":"Text-to-Speech","href":"/integrations/text-to-speech","hidden":false},{"title":"Google Maps","href":"/integrations/google-maps","hidden":false},{"title":"Mapbox","href":"/integrations/mapbox","hidden":false},{"title":"Speech-to-Text","href":"/integrations/speech-to-text","hidden":false},{"title":"Sound Effects","href":"/integrations/sound-effects","hidden":false},{"title":"Audio Isolation","href":"/integrations/audio-isolation","hidden":false},{"title":"Voice Conversion","href":"/integrations/voice-conversion","hidden":false},{"title":"Voice Design","href":"/integrations/voice-design","hidden":false},{"title":"Music Generation","href":"/integrations/music-generation","hidden":false},{"title":"Google Gemini API","href":"/integrations/google-gemini","hidden":false},{"title":"Google Vertex AI","href":"/integrations/google-vertex-ai","hidden":false},{"title":"OpenAI Image Generation","href":"/integrations/openai-image-generation","hidden":false},{"title":"Sora Video Generation","href":"/integrations/sora-video-generation","hidden":false},{"title":"OpenAI Text-to-Speech","href":"/integrations/openai-text-to-speech","hidden":false},{"title":"Grok Chat","href":"/integrations/grok-chat","hidden":false},{"title":"Grok Voice Agent","href":"/integrations/grok-voice-agent","hidden":false},{"title":"Grok Collections","href":"/integrations/grok-collections","hidden":false},{"title":"Grok Image Generation","href":"/integrations/grok-image-generation","hidden":false},{"title":"Grok Video Generation","href":"/integrations/grok-video-generation","hidden":false},{"title":"Resend Email","href":"/integrations/resend-email","hidden":false},{"title":"Resend Inbound Email","href":"/integrations/resend-inbound-email","hidden":false},{"title":"OpenAI Realtime Voice","href":"/integrations/openai-realtime-voice","hidden":false},{"title":"OpenAI Structured Outputs","href":"/integrations/openai-structured-outputs","hidden":false},{"title":"ElevenLabs Conversational AI","href":"/integrations/elevenlabs-conversational-ai","hidden":false},{"title":"Veo Video Generation","href":"/integrations/veo-video-generation","hidden":false},{"title":"Gemini Image Generation","href":"/integrations/gemini-image-generation","hidden":false},{"title":"Lyria Music Generation","href":"/integrations/lyria-music-generation","hidden":false},{"title":"Gemini Live","href":"/integrations/gemini-live","hidden":false},{"title":"Imagen","href":"/integrations/imagen","hidden":false}]}]}]},"basePath":"","title":"Connect to VS Code - Woz","buildId":"dpl_36EDyZCDfRuoUD9af5CH4M1bqY2h","deploymentId":"dpl_36EDyZCDfRuoUD9af5CH4M1bqY2h","dynamics":["a74be98ba7"],"chunks":["zoom-image-lightbox-eHyQ0tlO.js","lightbox-handle-r17bVUz3.js"]}