Setting up ESLint & Prettier in ViteJS

• prettier

  440 48,241 9.8 JavaScript

  Prettier is an opinionated code formatter.

  

Prettier: Our main code formatter.

• typescript-eslint

  123 14,568 9.9 TypeScript

  :sparkles: Monorepo for all the tooling which enables ESLint to support TypeScript

  

@typescript-eslint/eslint-plugin: An ESLint plugin which provides rules for TypeScript codebases.

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• eslint-config-prettier

  17 5,225 6.6 JavaScript

  Turns off all rules that are unnecessary or might conflict with Prettier.

  

eslint-config-prettier: An ESLint configuration which disables the formatting rules in ESLint that Prettier is going to be responsible for handling, hence avoiding any clashes.

• eslint-plugin-import

  45 5,299 8.4 JavaScript

  ESLint plugin with rules that help validate proper imports.

  

eslint-plugin-import: Tells ESLint how to resolve imports.

• eslint-plugin-jsx-a11y

  16 3,321 7.1 JavaScript

  Static AST checker for a11y rules on JSX elements.

  

eslint-plugin-jsx-a11y: Checks for accessiblity issues.

• eslint-plugin-react

  67 8,818 8.4 JavaScript

  React-specific linting rules for ESLint

  

eslint-plugin-react: React specific linting rules for ESLint.

• prettier-eslint

  6 3,929 6.5 JavaScript

  Code :arrow_right: prettier :arrow_right: eslint --fix :arrow_right: Formatted Code :sparkles:

  

prettier-eslint

• InfluxDB

  www.influxdata.com sponsored

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• eslint-plugin-prettier

  13 3,171 7.6 JavaScript

  ESLint plugin for Prettier formatting

  

eslint-plugin-prettier

• husky

  125 31,546 8.8 JavaScript

  Git hooks made easy 🐶 woof!

If you'd like, you can go a bit further and automate the linting and formatting process a bit. I like to use Husky which allows you to run your linter, tests etc. on a git commit/push etc. You can also then use pretty-quick along with husky to automatically format your code whenever you git commit, just in case someone on your team hasn't set it up in their IDE.

• pretty-quick

  6 2,172 6.8 TypeScript

  ⚡ Get Pretty Quick

  

If you'd like, you can go a bit further and automate the linting and formatting process a bit. I like to use Husky which allows you to run your linter, tests etc. on a git commit/push etc. You can also then use pretty-quick along with husky to automatically format your code whenever you git commit, just in case someone on your team hasn't set it up in their IDE.

Suggest a related project