lkpbible.blogg.se

ESLint (which requires ESLint, obviously) A Linter is conceptually a tool that runs through your code and tells you what you can do to write it “better”.

Flow Language Support (which requires Flow) Why you need a static type-checker? Read here.

Babel JavaScript Which is fundamental for proper styling, since we’ll use “future-JS” (ES6+).

code -install-extension ms-vscode.Using the previously mentioned article as a guide to navigating the huge sea of the VSCode marketplace, the first few extensions I decided to install were all related to helping me write good&readable code: Sublime-keybindings is a set of keybindings for VSCode. If you are looking for a strict set of rules you should Install custom config from William eslint-config-react-native-wcandillon Bonus: Sublime-keybindings If it's not working just force the usage with `Prettier - code formatter`

Optional sometimes you have conflicts with other formatters.

code -install-extension esbenp.prettier-vscode Prettier is a codeformatter and will helps to have the same coding style across projects. code -install-extension dbaeumer.vscode-eslint esbenp.prettier-vscode

code -install-extension b圜edric.vscode-expo Linter dbaeumer.vscode-eslintĮSLint will help you on catching bug and useless code. code -install-extension chakrounanas.turbo-console-log expo-toolsĪutocomplete and validation for your app.json or manifest. Make debugging faster by automating the operation of writing meaningful log messages. JavaScript/Typescript snippets for React, React Native and Redux in ES7+ code -install-extension dsznajder.es7-react-js-snippets Turbo console.log code -install-extension WallabyJs.quokka-vscode # or code-insiders -install-extension WallabyJs.quokka-vscode es7-react-js-snippets Quokka.js for VSCode is a JavaScript and TypeScript playground in your editor. Note: if you want to test this setup on a "fresh" setup, you can install VSCode Insiders -the beta version of the software brew update brew install -cask visual-studio-code # or brew install -cask visual-studio-code-insiders It's another option available on all platforms Windows, Linux, and macOS. It's a powerful configuration that allows you to customize your terminal experience with tons of shortcuts and colors that sparks joy ✨Īfter publishing this article mentioned to me that he is using hyper terminal with fish shell. Īnd many more other terminal features that make my life easier. "smart selection" to highlight URLs, email addresses, filenames.Automatic copies into the clipboard when you select text.

Splitting windows horizontally or vertically.That's one of my main tool -because I don't like the integrated terminal in VSCode.

On average I spend 150 hours a year working with a terminal. 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.