Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/mubaidr/vuejs-extension-pack

Popular VS Code extensions for Vue.js development.
https://github.com/mubaidr/vuejs-extension-pack

extension-pack vscode vscode-extension vuejs vuejs2

Last synced: about 1 month ago
JSON representation

Popular VS Code extensions for Vue.js development.

Lists

README

        

# Vue.js Extension Pack

This extension pack adds features and language support for Vue.js development.

## Extensions Included in this pack

- [Vue Language Features (Volar)](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar) - Language support for Vue 3
- [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.vscode-typescript-vue-plugin) - Vue Plugin for TypeScript server
- [Vue VSCode Snippets](https://marketplace.visualstudio.com/items?itemName=sdras.vue-vscode-snippets) - Snippets that will supercharge your Vue workflow
- [Vite](https://marketplace.visualstudio.com/items?itemName=antfu.vite) - VS Code for Vite
- [Vitest for VSCode](https://marketplace.visualstudio.com/items?itemName=ZixuanChen.vitest-explorer) - Run and debug Vitest test cases
- [JavaScript (ES6) Snippets](https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets) - Code snippets for JavaScript in ES6 syntax
- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) -
Integrates ESLint into VS Code.
- [Prettier - Code formatter](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) -
VS Code plugin for prettier/prettier
- [Formatting toggle](https://marketplace.visualstudio.com/items?itemName=tombonnike.vscode-status-bar-format-toggle) - A VS Code extension that allows you to toggle the formatter on and off with a simple click
- [npm Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense) - Visual Studio Code plugin that autocompletes npm modules in import statements
- [Visual Studio IntelliCode](https://marketplace.visualstudio.com/items?itemName=VisualStudioExptTeam.vscodeintellicode) - AI-assisted development

## Note

**For proper typescript support in Vue Single File Components (Vue SFCs), please follow these instructions on official Vue.js page: [VSCode + Volar Takeover Mode](https://vuejs.org/guide/typescript/overview.html#takeover-mode)**

## Credits

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

**Happy Coding!**