If you want to preview your SVG images and icons directly in VSCode, install this extension. I am not sure why this is not build-in functionality of VSCode, but this extension lets you open your html files in the browser. Install HTML Class Suggestions Open in Browser This VSCode extension will add code completion suggestions to HTML class attributes based on the CSS files in your workspace. Install Sublime Text Keymap HTML Class Suggestions If you are migrating from Sublime Text, this extension will make your favorite Sublime Text shortcuts available in VSCode. Very handy especially if you are working with long files and need to jump to the right sections of your code. It lets you to create a bookmark anywhere in your files ( ctrl+alt+k or cmd+option+k) and then quickly jump between bookmarks by pressing cmd+option+j or cmd+option+l. One of the most useful extensions from this list is Bookmarks. If you need to see even more detailed history of commits, Git History is your best friend. This helps you to quickly see who made the last changes to the working file and who to blame for the messy code:) Git Blame will add a git blame information to the status bar. Npm Intellisense autocompletes npm modules in import statements and Path Intellisense autocompletes filenames. The following two extensions will save you a lot of time by autocompleting your import statements. When working with React.js you end up importing other modules very often. Install React.js code snippets Npm Intellisense and Path Intellisense Rcc will create React class component skeleton, rsc will create React stateless component and much more. If you are working with React.js you will find these snippets very useful. Install htmltagwrap for VSCode React.js code snippets This extension lets you select a word, sentence or multiple lines and wrap selection in a specified html tag ( Alt + W or Option + W).
Are you switching to VSCode and looking for some useful extensions? Below is a collection of my favorite VSCode extensions.
0 kommentar(er)
