Vue Development Tools

While not required, the following development tools will make working with Vue easier.

Vue DevTools

Vue DevTools is a browser extension that helps in the process of debugging a Vue application. The Vue DevTools is available for both Chrome, Firefox, and stand alone version.

Vue DevTools Installationopen in new window

Vue Language Features (Volar)

VueLF is a Visual Studio Code extension build specifically for Vue 3.

To install, follow the link below and click the "Install" button.

Vue Language Features (Volar)open in new window

Vue VSCode Snippets

Vue VSCode Snippets is a Visual Studio Code extension to add Vue specific snippets to help improve development workflow.

To install, follow the link below and click the "Install" button.

Vue VSCode Snippetsopen in new window

leet-html

This Visual Studio Code extension add syntax highlighting for HTML inside of a JavaScript template literal.

To install, follow the link below and click the "Install" button

leet-htmlopen in new window