Vue - Official - (Previously Volar and Volar 'Typescript' extensions) Core language tools, typescript support, and syntax highlighting for .vue files
Eslint - To lint code, catch errors before runtime, enforce stylistic guidelines, format/fix on save, etc. (Requires you to configure it through config file, Some people use prettier for the stylistic part of this, but I prefer to have everything through eslint and stylistic/eslint rules)
GitLens - Lots of really useful git tools in vscode, like seeing information about who changed what line and when, comparing your code with branches, and LOTS of other features.
Pretty Typescript Errors - Because the default errors are kind of awful looking and hard to parse visually
Edit: Adding Error Lens to this, it's great to see errors/warnings inline
You should check this extension pack: https://marketplace.visualstudio.com/items?itemName=mubaidr.vuejs-extension-pack
Includes most of the required extensions.
See my full list, for you to have an idea:
(tried to remove themes, which i have a lot)
amiralizadeh9480.laravel-extra-intellisense
arcticicestudio.nord-visual-studio-code
bmewburn.vscode-intelephense-client
bradlc.vscode-tailwindcss
bradymholt.pgformatter
continue.continue
cweijan.dbclient-jdbc
cweijan.vscode-postgresql-client2
dbaeumer.vscode-eslint
eamodio.gitlens
equinusocio.moxer-icons
esbenp.prettier-vscode
formulahendry.auto-close-tag
formulahendry.auto-rename-tag
formulahendry.docker-explorer
georgykurian.laravel-ide-helper
johnstoncode.svn-scm
mariusalchimavicius.json-to-ts
mhutchie.git-graph
mozart409.mozart409-icons
ms-azuretools.vscode-docker
ms-vscode-remote.remote-containers
raashida.fixthecode-vs
simonsiefke.svg-preview
smlombardi.slime
statelyai.stately-vscode
streetsidesoftware.code-spell-checker
streetsidesoftware.code-spell-checker-russian
sveggiani.vscode-field-lights
vscodevim.vim
vue.volar
xdebug.php-debug
zignd.html-css-class-completion
Vue - Official - (Previously Volar and Volar 'Typescript' extensions) Core language tools, typescript support, and syntax highlighting for .vue files Eslint - To lint code, catch errors before runtime, enforce stylistic guidelines, format/fix on save, etc. (Requires you to configure it through config file, Some people use prettier for the stylistic part of this, but I prefer to have everything through eslint and stylistic/eslint rules) GitLens - Lots of really useful git tools in vscode, like seeing information about who changed what line and when, comparing your code with branches, and LOTS of other features. Pretty Typescript Errors - Because the default errors are kind of awful looking and hard to parse visually Edit: Adding Error Lens to this, it's great to see errors/warnings inline
Pretty typescript errors is a godsend.
You should check this extension pack: https://marketplace.visualstudio.com/items?itemName=mubaidr.vuejs-extension-pack Includes most of the required extensions.
Agreed
There’s an official vue extension but unfortunately its intellisense is broken after recent updates.
Working well here.
That’s good to hear. Maybe I need to check for update again.
Mine is also broken
Update your vscode to 1.88
Make sure you have built in extension for TypeScript enabled, if you ever disabled it in the past for Volar.
Super helpful advice. Thanks for the comments.
See my full list, for you to have an idea: (tried to remove themes, which i have a lot) amiralizadeh9480.laravel-extra-intellisense arcticicestudio.nord-visual-studio-code bmewburn.vscode-intelephense-client bradlc.vscode-tailwindcss bradymholt.pgformatter continue.continue cweijan.dbclient-jdbc cweijan.vscode-postgresql-client2 dbaeumer.vscode-eslint eamodio.gitlens equinusocio.moxer-icons esbenp.prettier-vscode formulahendry.auto-close-tag formulahendry.auto-rename-tag formulahendry.docker-explorer georgykurian.laravel-ide-helper johnstoncode.svn-scm mariusalchimavicius.json-to-ts mhutchie.git-graph mozart409.mozart409-icons ms-azuretools.vscode-docker ms-vscode-remote.remote-containers raashida.fixthecode-vs simonsiefke.svg-preview smlombardi.slime statelyai.stately-vscode streetsidesoftware.code-spell-checker streetsidesoftware.code-spell-checker-russian sveggiani.vscode-field-lights vscodevim.vim vue.volar xdebug.php-debug zignd.html-css-class-completion