If you are a developer or you are interested in development, you can't have missed Visual Studio Code. In this article, I will introduce you to some extensions that improve your workspaces from a technical or aesthetic point of view.
Vetur is an extension used for application or website development with VueJS. It allows you to enable syntax highlighting for
.vue files, to have an auto-completion system specific to VueJS and proposes to enable formatting and debugging of your applications by installing Node.js modules.
Developed by Microsoft, the extension offers full support for the Python language in VSCode. Like Vetur, the extension offers a system for auto-completion, debugging, formatting your files, and more.
To facilitate the development of an application within a team, guides have been created to agree on fixed rules. There are several such as Airbnb or Standard. With this extension, when you do not comply with a rule in the guide, an error message and an explanation will be displayed so that the error can be corrected. Thanks to the command palette, you can also format the entire file so that all correctable errors are corrected.
.editorconfig file in your project, it will override the settings you have in your configuration. For example, you have configured VSCode to indent your code with 4 spaces and in your
.editorconfig file, you do not indent the code with 4 spaces but not 1 tab. The extension will load this to modify your configuration only in the current project to follow this rule.
The extension offers a collection of 32 themes of different colors based on various sources such as Monokai Classic, Base16, One Dark, and more.
Material Icon Theme offers up to 400 different icons for your files and folders while respecting the standards agreed by Google with Material Design.
Like Material Icon Theme, the extension offers a wide range of icons but is developed by a Microsoft team.
Polacode allows you to take "photos" of your code just like carbon but directly in VSCode.
If you work on several computers and want to have the same configuration and extensions on each one of them, Setting Sync is for you! Each time extensions are added or VSCode settings are changed, the extension updates a set of files on Gist. When you change computers, simply install Setting Sync and connect the extension to your Gist containing all your configuration files.