nsaforge.blogg.se - Visual studio code javascript auto indent

Optional: husky, lint-staged, and Precommit Hooks We’ll look at how to install and configure the extension in a later section. If you already have the ESLint extension installed, VS Code may show a prompt asking if you want to use the ESLint executable you just installed in node_modules. Install all of your packages as dev dependencies as noted above. You get the idea: yarn add -D eslint-plugin-react eslint-plugin-react-hooks

eslint-plugin-react-hooks (ESLint rules to enforce the rules of hooks).

eslint-plugin-react (rules specific to React and JSX).

Install them like so: yarn add -D if you’re linting React, throw these must-haves into the mix: If you’re linting TypeScript, you’ll also want these packages in addition to the ones above: Run this command to install ESLint with Prettier: yarn add -D eslint prettier eslint-plugin-prettier eslint-config-prettier

eslint-config-prettier (turns off some conflicting ESLint rules).

eslint-plugin-prettier (exposes Prettier-specific options as ESLint rules).

If you want to use Prettier with ESLint, you’ll also need these packages:

By itself, Prettier is just a code formatter that enforces certain code style rules people typically use both ESLint and Prettier together, extending ESLint with Prettier’s recommended rules. You can also optionally install Prettier and its associated ESLint plugins. Since we want to use ESLint to format JavaScript, we’ll need to install the eslint package ( gasp).