Aesthetic Computer - VS Code Extension#

Live code, preview, and publish interactive pieces on aesthetic.computer directly from VS Code.

✨ Features#

🎨 Live Preview Panel#

• Embedded aesthetic.computer preview right in your sidebar
• Real-time piece execution as you save files
• Seamless authentication with your Aesthetic Computer account

💻 Local Development Mode#

• Connect to your local Netlify dev server (localhost:8888)
• Smart server detection - shows "Waiting for server..." until ready
• Auto-refreshes when local server becomes available
• Toggle with command: Aesthetic Computer: Local Server

🚀 One-Click Publishing#

• Run a piece and type publish in the prompt to go live
• Your piece gets a unique URL on aesthetic.computer

🔗 Jump Integration#

• Connect VSCode to your browser via WebSocket
• Use the ac command to jump between pieces seamlessly

🌈 KidLisp.com Window#

• Open a dedicated KidLisp editor window
• Perfect for creative coding with Lisp-style syntax

📚 Documentation Hover#

• Hover over API functions for inline documentation
• Quick access to the full docs via command palette

🛠️ Commands#

🏁 Getting Started#

1. Install the extension from the VS Code Marketplace
2. Click the Aesthetic Computer icon in the sidebar
3. Save any .mjs file to run it as a piece
4. Authenticate to publish and save your work

💡 Tips#

• Use channel command in the prompt to sync multiple devices
• Open Developer Tools (Help > Toggle Developer Tools) for debugging
• In local mode, toggle Aesthetic Computer: Local Server and start your dev server

📬 Support#

Need help? Reach out to mail@aesthetic.computer