Generating Web Apps using AI with VS Code
Pre-requisites
1) VS Code is installed.
In VS Code
1) Enable the co-pilot agent mode in settings.
2) Open a new folder for your app.
3) Use CMD + CTRL + I to launch the chat window.
4) Change the chat from Ask to Agent.
5) Provide a context/prompt to the copilot chat. For example, we want to build a 3D scene using three.js:
Use three.js to create a 3D scene below.
1) A carpark with 10 spaces.
2) Simulate car coming into the carpark and stop the car at a random free space.
3) Simulate car exiting the carpark after random time between 5 to 10 seconds.
6) Click send and follow the instructions on the screen. Usually, it asks for permission to execute a shell command or create necessary files.
7) Wait for the process to complete and click "Keep" to store the files.
Test our App
1) Open the html file in your browser and there you go.
gpt-4o-2024-08-06
2025-04-12 13:21:17
This blog post guides readers on using AI with Visual Studio Code to generate web applications. It provides a step-by-step process, from enabling co-pilot agent mode and providing prompts, to executing commands and storing files. It concludes with testing the app in a web browser.
Chrome On-device AI
2025-05-01 01:07:37