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

SWOVisualStudioTools

SWO360

|
11 installs
| (1) | Free
Useful tools to work on SWOLibs and SWO Projects
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

SWOVisualStudioTools

VS Code extension for SWO360 project development. This extension provides build tools and watchers to facilitate the development of SWO360 components.

Features

Build Management

  • Frontend Build: Compiles the SWO React frontend with gulp
  • Editor Build: Builds the swo-editor WordPress plugin
  • Cube Designer Build: Builds the swo-cubedesigner WordPress plugin
  • Maven Commands: Integrated Maven commands (package, install, clean)

Watch Mode

The extension now supports watch modes for all main components:

Frontend Watch

  • Runs pnpm build -- --watch in the swo-react directory
  • Automatically recompiles on file changes
  • Disables the status bar button during execution
  • Stop via the "Stop watch" button in the Lifecycle view

Editor Watch

  • Runs pnpm start in the swo-editor directory with output to the install folder
  • Automatically recompiles the editor on changes
  • Background process management
  • Stop via the "Stop watch" button in the Lifecycle view

Cube Designer Watch

  • Executes gulp then runs pnpm start in the swo-cubedesigner directory
  • Continuous monitoring of Cube Designer changes
  • Automatic recompilation
  • Stop via the "Stop watch" button in the Lifecycle view

DevWatcher

  • Launches the Java DevWatcher to monitor project development files
  • Equivalent to the watch_dev_files.bat script
  • Automatically synchronizes modified files
  • Dedicated output channel "🔍 DevWatcher"

Sidebar Views

Lifecycle View (for SWOLibs)

The Lifecycle view for SWOLibs projects displays:

  • Status of each component (Idle, Building, Success, Error, Watching)
  • Frontend Build with integrated watch mode
  • Editor and Cube Designer builds
  • Color-coded visual indicators based on state

Project View (for SWOProject)

The Project view for SWO projects displays:

  • Watchers: Automatic file monitoring
    • SWO Editor Watch
    • Cube Designer Watch
    • DevWatcher (development file monitoring)
  • Generators: MDD documentation generation
  • Status indicators for each watcher (Idle, Running, Error)
  • Start/Stop buttons for each watcher

Requirements

  • Node.js and pnpm installed
  • Gulp installed globally (pnpm add -g gulp-cli)
  • Maven installed and configured in PATH
  • Java installed for DevWatcher

Release Notes

0.0.1

Initial release of SWOVisualStudioTools with build and watch capabilities for SWO360 projects.


Enjoy!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft