I've been using different IDE and text editors during my career as a Software Developer and that's definitely topic for another blog post but in today's article, I want to talk about VSCode extensions which I found helpful.
Must have VSCode extensions
All titles below are clickable so you'll be redirected to the official visual studio marketplace
Package name: streetsidesoftware.code-spell-checker Author: Street Side Software
I think everyone would agree that spending time fixing typos is not what we want to do as developers. That’s where Code Spell Checker comes in place. It highlights typos directly in your IDE and offers suggestions for fixes. Also, you can ignore in your settings some words which it can't recognize:
"cSpell.ignoreWords": [ "lifecycle", "mixins" ],
Package name: flowtype.flow-for-vscode Author: flowtype
Really helpful for React application with Flow to enforce Flow types. This extension helps to utilize full power on Flow, similar to ESLint it will highlight type errors in red. Also, I found this extension more suitable for bit projects than (vscode-flow-ide gcazaciuc.vscode-flow-ide) this extension was dramatically slowing down my IDE almost to the level when I can't type anymore.
Package name: dbaeumer.vscode-eslint Author: Dirk Baeumer
Integrates ESLint into VS Code. If you are new to ESLint check the documentation.
Must have when linting your projects. For example, it will highlight unused variables and imports. Also, it will pick up your ESLint config and enforce rules that you configured.
I rarely use this for ES6 snippets. For example: quickly define a new class-based component for React. In general, I prefer custom snippets.
Package name: pkief.material-icon-theme Author: Philipp Kief
Rather a visual one. Makes it better to differentiate files by providing beautiful icons.
Package name: esbenp.prettier-vscode Author: Esben Petersen
Formats your code on saving following pre-defined rules so you do not need to care about formatting issues anymore. Coding style is unified within a team and enforced by Prettier
Package name: wallabyjs.quokka-vscode Author: Wallaby.js