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
- 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
| Command |
Description |
Aesthetic Computer: Run Piece |
Execute the current file as a piece |
Aesthetic Computer: Local Server |
Toggle local development mode |
Aesthetic Computer: Clear Slug |
Clear the stored piece URL |
Aesthetic Computer: Open Docs |
Browse system documentation |
Aesthetic Computer: Open Aesthetic Window |
Open piece in separate window |
Aesthetic Computer: Open KidLisp Window |
Open KidLisp.com editor |
🏁 Getting Started
- Install the extension from the VS Code Marketplace
- Click the Aesthetic Computer icon in the sidebar
- Save any
.mjs file to run it as a piece
- 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
| |
