Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>BeaeNew to Visual Studio Code? Get it now.
Beae

Beae

Beae

|
6 installs
| (0) | Free
Extension for edit code in VSCode and sync to browser via WebSocket
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Beae VS Code Extension

VS Code extension for two-way synchronization between VS Code and external applications via WebSocket.

Features

🌐 WebSocket Server

  • Real-time WebSocket server running on port 9812
  • Automatically starts when VS Code opens
  • Status indicator in the status bar (bottom right)
  • Control panel for server management

📁 File Management

  • Open folders with files from external applications
  • Create and manage files through WebSocket protocol
  • Support for multiple file types (Liquid, JavaScript, CSS, JSON, etc.)

🔄 Two-Way Synchronization

  • VS Code → External App: Automatically syncs file changes when you save
  • External App → VS Code: Receives file updates from external applications
  • Real-time bidirectional file synchronization
  • Session-based file tracking to prevent conflicts

📊 User Interface

  • Status bar indicator showing server status (🟢 running / 🔴 stopped)
  • WebSocket control panel accessible via command palette
  • Commands for server control:
    • Beae: Toggle WebSocket Server - Toggle server on/off
    • Beae: Start beae websocket - Start the server
    • Beae: Stop beae websocket - Stop the server
    • Beae: Check beae websocket status - Check server status
    • Beae: Open WebSocket Control Panel - Open control panel

🔌 WebSocket Protocol

  • Client → VS Code: openFolder, updateFile, ping
  • VS Code → Client: connected, folderOpened, codeUpdated, fileUpdated, pong, error
  • Session-based communication
  • Automatic reconnection handling

Release Notes

Version 1.0.1

FIX

  • ✅ Fix cleanup when open new folder
  • ✅ Fix message open when actions handle

Version 1.0.0

Initial Release

  • ✅ WebSocket server for real-time communication
  • ✅ Open folders with files from external applications
  • ✅ Two-way file synchronization
  • ✅ Status bar indicator for server status
  • ✅ WebSocket control panel
  • ✅ Auto-start on VS Code launch
  • ✅ Session-based file tracking
  • ✅ Support for multiple file types
  • ✅ Error handling and logging
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft