Learn Vue JS course Learn Javascript and Vue JS Learn VueJS course Learn VueJS Tutorial

Visual Studio Code for Vue.js Developers

Next Level Volar Tips and Tricks thumbnail image

Get access to the most comprehensive Vue.js video library in the world. Over 300 video lessons including the newest Vue 3 features.

Next Level Volar Tips and Tricks

In this lesson, we dive into some of Volar’s more unusual features that give it that extra something. Learn how to split your Vue component into separate panels to work in the script section or the style section alongside the template section. Plus, learn about Volar’s built in options for previewing your application.

Since this video was recorded the preview feature has been extracted into a seperate extension.

Links

Keyboard Shortcuts

  • Quick Open, Go to File...
    • Cmd+P (Mac)
    • Ctrl+P (Windows)
  • Save File
    • Cmd+S (Mac)
    • Ctrl+S (Windows)