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 and Firefox.
NOTE
Only the beta version of the Vue DevTools supports Vue 3. So, please use the links below.
To install, follow the links below for your appropriate browser.
NOTE
To install the beta version of Vue DevTools on Firefox, drag the downloaded file to the Firefox browser window. When prompted, click Add to install the extension.
Vetur
Vetur is a Vue extension for Visual Studio Code. It adds many additional features specific for Vue, including:
- Syntax-highlighting
- Snippets
- Linting
- Formatting
- Autocomplete
To install, follow the link below and click the "Install" button.
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