Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Vue Split ViewNew to Visual Studio Code? Get it now.
Vue Split View

Vue Split View

genZintern

| (0) | Free
Split Vue.js components into side-by-side views with smart section folding. Left panel shows script section, right panel shows template section. Toggle with Cmd+Shift+U to collapse back to single view.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Vue split view vscode extension

Small extension to add an old volar feature:

  1. Split component side by side

  2. For left side fold template and style, scroll to script

  3. For right side fold script and style, scroll to template

  4. If view is activated and toggled again: close right editor and unfold all code again.

Feel free to report bugs or PR fixes here.

You can also contact me on discord: genZintern

To build: vsce package

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft