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!