1. eslint-config-mlint
ESLint Config for JavaScript or Typescript
eslint-config-mlint
Package: eslint-config-mlint
Created by: Mrminfive
Last modified: Sun, 01 May 2022 14:06:38 GMT
Version: 1.1.1
License: MIT
Downloads: 7
Repository: https://github.com/Mrminfive/eslint-config-mlint

Install

npm install eslint-config-mlint
yarn add eslint-config-mlint

eslint-config-mlint

Build Status

NPM

English | 简体中文

ESLint Config for JavaScript、Typescript、Vue、React、Prettier

Installation

Least dependence:

 $ npm install --save-dev eslint eslint-config-mlint eslint-plugin-import@^2.18.0

For the following types of projects, you also need to install these dependencies.

Typescript

 $ npm install --save-dev @typescript-eslint/parser@^1.12.0 @typescript-eslint/eslint-plugin@^1.12.0 typescript@^3.5.3

Vue

 $ npm install --save-dev eslint-plugin-vue@^5.2.3 vue-eslint-parser@^6.0.4

React

 $ npm install --save-dev eslint-plugin-react@^7.4.0 eslint-plugin-react-hooks@^1.6.0

Prettier

 $ npm install --save-dev prettier@^1.18.2 eslint-config-prettier@^6.0.0 eslint-plugin-prettier^3.1.0

Usage

Once the eslint-config-mlint package is installed, you can use it by specifying mlint in the extends section of your ESLint configuration.

 {
  'extends': 'eslint-config-mlint',
  'rules': {
    // Additional, per-project rules...
  }
}

This package provides configuration for 9 different project types.

For Es5

 {
  'extends': 'eslint-config-mlint/es5'
}

This configuration is for older projects that use ES5 and previous versions of JS, all using ESLint native rules.

For Es6

 {
  'extends': 'eslint-config-mlint'
}

This configuration is for ES6 projects, using ESLint native rules and some of the rules of the eslint-plugin-import plugin.

For Typescript

 {
  'extends': 'eslint-config-mlint/ts'
}

This configuration for Typescript projects inherits the above configuration of the ES6 project and enables some of the rules for the @typescript-eslint/eslint-plugin plugin, using @typescript-eslint/parser as the parser.

For Vue

 {
  'extends': 'eslint-config-mlint/vue'
}

This configuration is for Vue's project, inherits the above configuration of the ES6 project, and enables some of the rules of the eslint-plugin-vue plugin, using vue-eslint-parser as the parser.

For React

 {
  'extends': 'eslint-config-mlint/react'
}

This configuration for React projects inherits the above configuration of the ES6 project and enables some of the rules for the eslint-plugin-react and eslint-plugin-react-hooks plugins.

For Typescript + Vue

 {
  'extends': 'eslint-config-mlint/ts-vue'
}

This configuration for Vue + Typescript projects inherits the above configuration for Vue projects and Typescript projects.

For Typescript + React

 {
  'extends': 'eslint-config-mlint/ts-react'
}

This configuration for React + Typescript projects inherits the above configuration for React projects and Typescript projects.

For Prettier + Typescript

 {
  'extends': 'eslint-config-mlint/prettier-ts'
}

This configuration for Prettier + Typescript projects inherits the above configuration of the Typescript project and inherits eslint-config-prettier to disable partial conflict rules.

For Prettier + Typescript + Vue

 {
  'extends': 'eslint-config-mlint/prettier-ts-vue'
}

This configuration for Prettier + Typescript + Vue projects inherits the above configuration of the Typescript + Vue project and inherits eslint-config-prettier to disable partial conflict rules.

Editor integrations

See example:

License

MIT License

Copyright (c) 2019 minfive

RELATED POST

10 Must-Know Windows Shortcuts That Will Save You Time

10 Must-Know Windows Shortcuts That Will Save You Time

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Navigating AWS Networking: Essential Hacks for Smooth Operation

Navigating AWS Networking: Essential Hacks for Smooth Operation

Achieving Stunning Visuals with Unity's Global Illumination

Achieving Stunning Visuals with Unity's Global Illumination

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code