StyleBop for VS Code

Open the current CSS file or workspace folder in StyleBop — a visual macOS editor for stylesheets.

Commands

• StyleBop: Open in StyleBop — opens the active CSS file (or the file you right-clicked in the explorer) in StyleBop, jumping to the cursor's line.
• StyleBop: Open Folder in StyleBop — opens the workspace root (or right-clicked folder) in StyleBop as a project.

Both commands are available from the command palette, the editor right-click menu (on .css files), and the explorer right-click menu (on .css files and folders).

Requirements

• macOS
• StyleBop installed

The extension installs everywhere VS Code runs, but the launch only works on macOS.

How it works

The extension assembles a stylebop://open?path=…&line=… URL and hands it to the OS, which routes it to StyleBop. There's no IPC, no daemon, no file-locking — StyleBop saves edits to disk, and VS Code's built-in file watcher reloads them.

Building

npm install
npm run compile
npx vsce package

License

MIT