← Back toFront-end Tips

Share recommendation Visual Studio Code extensions

Written byPhuoc Nguyen
Visual Studio Code
17 May, 2021
When we're working in a team, we would like to use the same set of tools to make the development process more robust and productive.
With Visual Studio Code, it makes sense to use the same set of extensions.
You can share the extensions with other people in your team by creating a file `extensions.json` located in the `.vscode` folder.
"recommendations": ["dbaeumer.vscode-eslint", "esbenp.prettier-vscode", "svelte.svelte-vscode"]
The `recommendations` key contains the list of extensions which each of them is defined by an extension identifier.
You can see the list of installed extensions by running the command:
$ code --list-extensions

# Example output
Visual Studio Code will ask your teammates to install the recommended extensions when they open the workspace for the first time. They can do it anytime when clicking `Extensions: Show Recommended Extensions command`.

Questions? 🙋

Do you have any questions? Not just about this specific post, but about any topic in front-end development that you'd like to learn more about? If so, feel free to send me a message on Twitter or send me an email. You can find them at the bottom of this page.
I have a long list of upcoming posts, but your questions or ideas for the next one will be my top priority. Let's learn together! Sharing knowledge is the best way to grow 🥷.

Recent posts ⚡

Newsletter 🔔

If you're into front-end technologies and you want to see more of the content I'm creating, then you might want to consider subscribing to my newsletter.
By subscribing, you'll be the first to know about new articles, products, and exclusive promotions.
Don't worry, I won't spam you. And if you ever change your mind, you can unsubscribe at any time.
Phước Nguyễn