My preferred VS Code themes, plugins, and icons for the year 2024
- Advice
- Wed, 13 Mar 2024 22:53:48 GMT
Plugins
These plugins have greatly improved my workflow by streamlining tasks and seamlessly integrating with my development process. This allows me to focus more on coding and less on manual tasks, resulting in more efficient and effective results.
GitLens — extension adds Git capabilities to VS Code. It displays the author of changes on each selected line, making it easy to switch through the history of changes for a specific file. It also allows for convenient selection of desired changes when conflicts arise.
Prettier — As a front-end developer, installing this extension is a must. It perfectly formats code for many languages and markups.
ES7 React/Redux/GraphQL/React-Native snippets — extension allows you to easily insert pre-made code snippets for JS, ReactJS, and more. By installing it, you can create your own snippets for more comfortable work.
Color Picker — extension makes it easy to choose the right color for CSS code. Choosing the right color can be time-consuming, so simply click on the desired color and select the appropriate one from the color that appears in the editor. The code with the color is then set automatically.
Auto Import — automatically adds imports for your components, it simplifies development, minimising manual import errors and allowing you to concentrate on coding rather than managing imports.
Auto Rename Tag — is a time-saving extension that synchronises the renaming of HTML or XML tags in real-time, enhancing coding efficiency and consistency.
Polacode — transform your code snippets into visually appealing images with this captivating VS Code extension. It's perfect for sharing on documentation, social media, or presentations.
Themes
I use two themes: Atom One Dark and Material Theme.
The first one I use as my primary theme. Its combination of a dark background and vibrant color palette creates a comfortable and immersive coding environment.
If you prefer a white theme, Atom One Light is a great option.
Icons
Material Icon Theme — I believe that Material Icon Theme is one of the best icon sets available for VS Code. It provides well-crafted icons that correspond to various file types, making it easier to navigate through your codebase.
The Material Icon Theme is particularly useful for complex projects or when working with multiple programming languages, as it streamlines the process of visually distinguishing between different file types, resulting in increased efficiency and a more polished workspace.