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.