VSCode Tools recommendations from senior developer
14 April 2022
Like Abraham Lincoln said
Give me six hours to chop down a tree and I will spend the first four sharpening the axe.
In this article, we are going to see which extensions you should install on Visual studio code, to become more productive with your React Native codebase.
Pimp your terminal
On average I spend 150 hours a year working with a terminal. That's one of my main tool —because I don't like the integrated terminal in VSCode.
iTerm2 is a terminal emulator for macOS. I am using it for 3 reasons:
- Splitting windows horizontally or vertically
- Automatic copies into the clipboard when you select text
- "smart selection" to highlight URLs, email addresses, filenames, ...
and many more other terminal features that make my life easier.
Install VSCode from the terminal
Note: if you want to test this setup on a "fresh" setup, you can install VSCode Insiders —the beta version of the software
brew install --cask visual-studio-code
brew install --cask visual-studio-code-insiders
code --install-extension WallabyJs.quokka-vscode
code-insiders --install-extension WallabyJs.quokka-vscode
code --install-extension dsznajder.es7-react-js-snippets
Make debugging faster by automating the operation of writing meaningful log messages.
code --install-extension chakrounanas.turbo-console-log
Autocomplete and validation for your app.json or app.config.js manifest.
code --install-extension byCedric.vscode-expo
ESLint will help you on catching bug and useless code.
code --install-extension dbaeumer.vscode-eslint
prettier is a codeformatter and will helps to have the same coding style across projects.
code --install-extension esbenp.prettier-vscode
- type `format` on the search input
- ✅ Editor: Format on save
- Optional sometimes you have conflicts with other formatters. If it's not working just force the usage with `Prettier - code formatter`
If you are looking for a strict set of rules you should Install custom config from William eslint-config-react-native-wcandillon
Sublime-keybindings is a set of keybindings for VSCode.
code --install-extension ms-vscode.sublime-keybindings
Hi, I’m David, a french freelance developer working remotely. I’m the author of this blog, nice to meet you!
Be the first to receive insightful articles and actionable resources that help you to elevate your skills across every touch point.