Vue.js Extension Pack installs statistics

Vue.js Extension Pack

This extension pack adds features and language support for Vue.js, Nuxt, and TypeScript development with modern tooling including Tailwind CSS support.

Extensions Included in this pack

Vue & Nuxt Core

• Vue (Official) - Language support for Vue 3
• MDC - Markdown Components - Syntax highlighting for MDC (Markdown Components) files for Nuxt Content

Snippets & Productivity

• Vue VSCode Snippets - Snippets that will supercharge your Vue workflow

Build & Testing

• Vitest - Run and debug Vitest test cases

Code Quality

• Oxc - Oxlint and Oxfmt editor integration - ultra-fast linter and formatter for JavaScript/TypeScript
• Prettier - Code formatter - VS Code plugin for prettier/prettier
• Error Lens - Improve highlighting of errors, warnings and other language diagnostics
• Code Spell Checker - Spelling checker for source code

Tailwind CSS

• Tailwind CSS IntelliSense - Intelligent Tailwind CSS tooling for VS Code

Developer Experience

• EditorConfig - EditorConfig Support for Visual Studio Code
• DotENV - DotENV file support for VS Code
• Docker - Docker extension for VS Code
• GitHub Pull Requests - GitHub Pull Requests & Issues integration
• Containers - Container support for VS Code

Recommended Settings

For the best experience, consider adding these settings to your workspace:

{
  "editor.formatOnSave": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.codeActionsOnSave": {
    "source.fixAll.oxc": "explicit"
  },
  "tailwindCSS.includeLanguages": {
    "vue": "html"
  }
}

Credits

All credits goes to original authors of the above mentioned extensions.

Happy Coding!