VSCodium(VSCode) extensions to make working with Vue easier

Hi everyone,

Today I want to list some extensions that can make Vue development easier with VSCodium.

The following extensions are recommended for Vue:

• Vetur Vetur link

• ESLint ESLint link

• Prettier Prettier link

• Vue VSCode Snippets by Sarah Drasner Vue VSCode Snippets link

• Vue VS Code Extension Pack by Sarah Drasner Vue VS Code Extension Pack link

• Rainbow Indent Rainbow Indent link

• Auto Rename Tag Auto Rename Tag

Bonus

Use serve -s dist to preview your Vue builds before you upload them to production

You can install serve with yarn global add serve or npm i -g serve

Theme: Night Wolf Night Wolf Link

Warning: Disable Vetur snippets if you are also using the Vue VSCode Snippets by Sarah Drasner. DO NOT DISABLE VETUR COMPLETELY.

A step by step guide can be found here https://www.vuemastery.com/courses/real-world-vue-js/optimizing-your-editor/.

I hope you enjoyed the artcile Dear Reader.
Also, if you liked the article, than share it with others on social.

Credits:
https://www.vuemastery.com/courses/real-world-vue-js/optimizing-your-editor/

Comments

[Manuel Ojeda]

This one gives you snippets using TS with Vue:
marketplace.visualstudio.com/items...

[wolfiton]

Thanks for sharing @manuelojeda